Skip to content

Commit 20629f9

Browse files
committed
fix: landing page
1 parent f2962fc commit 20629f9

File tree

9 files changed

+28
-36
lines changed

9 files changed

+28
-36
lines changed

apps/docs/app/(home)/ambassadors/page.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ export default function AmbassadorsPage() {
2727
className="border-border border-t bg-background/30"
2828
id="ambassador-form"
2929
>
30-
<div className="mx-auto w-full max-w-4xl px-4 sm:px-6 lg:px-8">
30+
<div className="mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8">
3131
<AmbassadorForm />
3232
</div>
3333
</Section>

apps/docs/app/(home)/page.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,7 @@ export default function HomePage() {
7777
>
7878
<div className="mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8">
7979
{/* Description Section */}
80-
<Section className="pt-10 sm:pt-12" customPaddings id="description">
80+
<Section className="pt-16 lg:pt-20" customPaddings id="description">
8181
<Description />
8282
</Section>
8383

apps/docs/components/landing/demo.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ export default function DemoContainer() {
1616
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 1'%3E%3Crect width='1' height='1' fill='%23666666'/%3E%3C/svg%3E";
1717

1818
return (
19-
<div className="mx-auto mt-24 mb-24 w-full max-w-7xl px-8">
19+
<div className="mx-auto mt-24 mb-24 w-full">
2020
<div className="group relative bg-background/80 p-2 shadow-2xl backdrop-blur-sm">
2121
<div
2222
className="-top-px absolute inset-x-0 h-px opacity-30"

apps/docs/components/landing/description.tsx

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -82,9 +82,9 @@ export const Description = () => {
8282
};
8383

8484
return (
85-
<div className="w-full pt-6 sm:pt-8">
85+
<div className="w-full">
8686
{/* Mobile Layout */}
87-
<div className="block px-4 lg:hidden">
87+
<div className="block lg:hidden">
8888
<div className="mb-8 text-center">
8989
<h2 className="mb-8 font-medium text-2xl leading-tight sm:text-3xl">
9090
Most Analytics Tools are
@@ -99,7 +99,7 @@ export const Description = () => {
9999
</div>
100100

101101
{/* Mobile Content */}
102-
<div className="flex min-h-[100px] items-center justify-center px-6">
102+
<div className="flex min-h-[100px] items-center justify-center">
103103
<AnimatePresence mode="popLayout">
104104
<motion.div
105105
animate="center"
@@ -117,9 +117,9 @@ export const Description = () => {
117117

118118
{/* Desktop Layout */}
119119
<div className="hidden w-full items-center justify-center lg:flex">
120-
<div className="flex w-full max-w-6xl items-center justify-center">
120+
<div className="flex w-full max-w-7xl items-center justify-center">
121121
{/* Left Column - Titles */}
122-
<div className="flex-1 px-8 xl:px-12">
122+
<div className="flex-1">
123123
<h2 className="mb-8 font-medium text-2xl leading-tight xl:mb-12 xl:text-3xl">
124124
Most Analytics Tools are
125125
</h2>
@@ -143,7 +143,7 @@ export const Description = () => {
143143
<div className="mx-6 h-60 w-px flex-shrink-0 bg-border xl:mx-8" />
144144

145145
{/* Right Column - Content */}
146-
<div className="flex-1 px-8 xl:px-12">
146+
<div className="flex-1">
147147
<div className="flex min-h-[140px] items-center xl:min-h-[180px]">
148148
<AnimatePresence mode="popLayout">
149149
<motion.div

apps/docs/components/landing/faq.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ const faqs = [
3030

3131
export default function FAQ() {
3232
return (
33-
<div className="mx-auto w-full max-w-5xl">
33+
<div className="w-full">
3434
<div className="space-y-8 lg:space-y-12">
3535
{/* Header Section */}
3636
<div className="text-center lg:text-left">
@@ -41,7 +41,7 @@ export default function FAQ() {
4141

4242
{/* FAQ Accordion */}
4343
<div className="w-full">
44-
<Accordion className="w-full space-y-4" collapsible type="single">
44+
<Accordion className="w-full " collapsible type="single">
4545
{faqs.map((faq) => (
4646
<AccordionItem
4747
className="bg-background/50 transition-colors duration-200 hover:bg-background/80"

apps/docs/components/landing/logo-carousel.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -107,7 +107,7 @@ interface LogoCarouselProps {
107107
logos: Logo[];
108108
}
109109

110-
export function LogoCarousel({ columns = 2, logos }: LogoCarouselProps) {
110+
export function LogoCarousel({ columns = 3, logos }: LogoCarouselProps) {
111111
const [logoColumns, setLogoColumns] = useState<Logo[][]>([]);
112112
const [time, setTime] = useState(0);
113113

apps/docs/components/landing/section.tsx

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -21,13 +21,18 @@ const Section = ({
2121
className={`relative w-full ${customPaddings ? '' : 'py-8 sm:py-12 lg:py-16 xl:py-20'} ${className || ''} `}
2222
id={id}
2323
>
24-
{children}
24+
<div className="flex w-full">
25+
{/* Left border line - hidden on mobile, visible on larger screens */}
26+
<div className="hidden w-px flex-shrink-0 bg-stone-200 lg:block dark:bg-border" />
2527

26-
{/* Left border line - hidden on mobile, visible on larger screens */}
27-
<div className="pointer-events-none absolute top-0 left-4 hidden h-[calc(100%_+_30px)] w-px bg-stone-200 sm:left-6 lg:left-16 lg:block xl:left-16 dark:bg-border" />
28+
{/* Content with spacing */}
29+
<div className="flex-1 px-4 sm:px-6 lg:px-8">
30+
{children}
31+
</div>
2832

29-
{/* Right border line - hidden on mobile, visible on larger screens */}
30-
<div className="pointer-events-none absolute top-0 right-4 hidden h-[calc(100%_+_30px)] w-px bg-stone-200 sm:right-6 lg:right-14 lg:block xl:right-14 dark:bg-border" />
33+
{/* Right border line - hidden on mobile, visible on larger screens */}
34+
<div className="hidden w-px flex-shrink-0 bg-stone-200 lg:block dark:bg-border" />
35+
</div>
3136

3237
{crosses && <SectionSvg crossesOffset={crossesOffset} />}
3338
</div>

apps/docs/components/landing/testimonials.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,7 @@ const testimonials = [
8585
{
8686
name: 'Ping Maxwell',
8787
profession: 'SWE, Better-auth',
88-
link: 'https://x.com/PingStruggles/status/1944862561935221168',
88+
link: 'https://x.com/PingStruggles/status/194486256193522168',
8989
social: null,
9090
description:
9191
"Databuddy is the only analytics platform I've used that I can genuinely say is actually GDPR compliant, and an absolute beast of a product. Worth a try!",
@@ -95,7 +95,7 @@ const testimonials = [
9595
name: 'Fynn',
9696
profession: 'Founder, Studiis',
9797
description:
98-
'its actually such a upgrade to switch from posthog to @trydatabuddy',
98+
'it\'s actually such a upgrade to switch from posthog to @trydatabuddy',
9999
link: 'https://x.com/_fqnn_/status/1955577969189306785',
100100
social: null,
101101
avatar:
@@ -234,7 +234,7 @@ export default function Testimonials(): ReactElement {
234234
return (
235235
<div className="relative w-full">
236236
{/* Header Section */}
237-
<div className="mb-8 px-4 text-center sm:px-6 lg:mb-12 lg:px-8">
237+
<div className="mb-8 text-center lg:mb-12">
238238
<h2 className="mb-4 font-medium text-2xl leading-tight sm:text-3xl lg:text-4xl xl:text-5xl">
239239
What developers are saying
240240
</h2>
@@ -245,7 +245,7 @@ export default function Testimonials(): ReactElement {
245245
</div>
246246

247247
{/* Testimonials Marquee */}
248-
<div className="flex flex-col gap-4 px-4 sm:px-0 lg:gap-5">
248+
<div className="flex flex-col gap-4 lg:gap-5">
249249
<SlidingTestimonials
250250
testimonials={testimonials.slice(
251251
0,

apps/docs/components/landing/trusted-by.tsx

Lines changed: 2 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -103,28 +103,15 @@ import { LogoCarousel } from './logo-carousel';
103103

104104
export const TrustedBy = () => {
105105
return (
106-
<div className="relative flex h-full w-full flex-col items-center overflow-hidden pt-6 sm:pt-8 lg:flex-row">
107-
{/* Mobile Layout */}
108-
<div className="block w-full space-y-8 text-center lg:hidden">
106+
<div className="relative flex h-full w-full flex-col items-center overflow-hidden pt-6 sm:pt-8">
107+
<div className="w-full space-y-8 text-center">
109108
<h2 className="mx-auto max-w-xs font-medium text-foreground text-xl leading-tight sm:text-2xl">
110109
Trusted by developers around the world
111110
</h2>
112111
<div className="w-full">
113112
<LogoCarousel logos={logos} />
114113
</div>
115114
</div>
116-
117-
{/* Desktop Layout */}
118-
<div className="hidden w-full items-center lg:flex">
119-
<div className="flex h-24 flex-shrink-0 items-center pr-16 md:pr-20 xl:pr-24">
120-
<h2 className="max-w-xs font-medium text-foreground text-xl leading-tight xl:text-2xl">
121-
Trusted by developers around the world
122-
</h2>
123-
</div>
124-
<div className="border-l">
125-
<LogoCarousel logos={logos} />
126-
</div>
127-
</div>
128115
</div>
129116
);
130117
};

0 commit comments

Comments
 (0)