Update src/app/page.tsx

2026-03-09 23:54:24 +00:00 · 2026-03-09 23:53:33 +00:00 · 2026-03-09 23:52:24 +00:00 · 2026-03-09 15:53:18 +00:00 · 2026-03-09 15:53:14 +00:00 · 2026-03-09 15:52:13 +00:00
4 changed files with 381 additions and 287 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,45 +1,58 @@
 import type { Metadata } from "next";
-import { Lato } from "next/font/google";
+import { Lora, Inter } from "next/font/google";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";

-const lato = Lato({
-  variable: "--font-lato",  subsets: ["latin"],
-  weight: ["100", "300", "400", "700", "900"],
+const lora = Lora({
+  variable: "--font-lora",  subsets: ["latin"],
+  weight: ["400", "500", "600", "700"],
+});
+
+const inter = Inter({
+  variable: "--font-inter",  subsets: ["latin"],
+  weight: ["400", "500", "600", "700"],
 });

 export const metadata: Metadata = {
-  title: "Quick Creatives - AI Ad Generator for Static & Video Ads",  description: "Generate professional static and video ads in seconds with AI. Perfect for agencies, e-commerce, SaaS, and any business category. Try free for 14 days.",  keywords: "AI ad generator, video ads, static ads, ad creation, creative agency, marketing automation",  metadataBase: new URL("https://quickcreatives.com"),
-  alternates: {
-    canonical: "https://quickcreatives.com"
-  },
-  openGraph: {
-    title: "Quick Creatives - AI-Powered Ad Generation",    description: "Create stunning ads in seconds with AI. Scale your creative production and boost campaign performance.",    type: "website",    siteName: "Quick Creatives",    url: "https://quickcreatives.com",    images: [{
-      url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/a-cutting-edge-ai-dashboard-interface-sh-1772624561767-b98bd32c.png",      alt: "Quick Creatives AI dashboard showing ad generation capabilities"
-    }]
-  },
-  twitter: {
-    card: "summary_large_image",    title: "Quick Creatives - AI Ad Generator",    description: "Generate professional ads in seconds. Static & video ads with AI.",    images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/a-cutting-edge-ai-dashboard-interface-sh-1772624561767-b98bd32c.png"]
-  },
-  robots: {
-    index: true,
-    follow: true
-  }
-};
+  title: "studio ads - Agency-Quality Ad Creatives in 48 Hours",  description: "Get professional video ads and static creatives delivered in 48 hours. 40% average ROAS increase. Half the cost of traditional agencies."};

 export default function RootLayout({
  children,
-}: Readonly<{
+}: {
  children: React.ReactNode;
-}>) {
+}) {
  return (
    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body className={`${lato.variable} antialiased`}>
-          <Tag />
-          {children}
-        
+      <body
+        className={`${lora.variable} ${inter.variable} antialiased`}
+        suppressHydrationWarning
+      >
+        {children}
+        <script
+          async
+          src="https://cdn.jsdelivr.net/npm/lenis@1.1.13/dist/lenis.min.js"
+        ></script>
+        <script>
+          {`
+            const lenis = new Lenis({
+              duration: 1.2,
+              easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)),
+              direction: 'vertical',
+              gestureDirection: 'vertical',
+              smooth: true,
+              mouseMultiplier: 1,
+              smoothTouch: false,
+              touchMultiplier: 2,
+              infinite: false,
+            });
+
+            function raf(time) {
+              lenis.raf(time);
+              requestAnimationFrame(raf);
+            }
+            requestAnimationFrame(raf);
+          `}
+        </script>
+      
        <script
          dangerouslySetInnerHTML={{
            __html: `
@@ -1407,7 +1420,6 @@ export default function RootLayout({
          }}
        />
      </body>
-      </ServiceWrapper>
    </html>
  );
 }
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,267 +2,224 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import HeroCentered from "@/components/sections/hero/HeroCentered";
-import FeatureBento from "@/components/sections/feature/FeatureBento";
-import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
-import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
-import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
-import ContactCenter from "@/components/sections/contact/ContactCenter";
-import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import { BarChart3, Briefcase, CreditCard, Mail, Package, Palette, Shield, ShoppingCart, TrendingUp, Users, Zap, Sparkles, Database, Crown } from "lucide-react";
+import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
+import SplitAbout from "@/components/sections/about/SplitAbout";
+import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
+import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import { Sparkles, CheckCircle, Zap, Target } from "lucide-react";
+import Image from "next/image";

-export default function LandingPage() {
+const navItems = [
+  { name: "Home", id: "/" },
+  { name: "Features", id: "#features" },
+  { name: "Pricing", id: "#pricing" },
+  { name: "Contact", id: "#contact" },
+];
+
+const heroButtons = [
+  { text: "Claim Free Ads", href: "#claim-free" },
+  { text: "See Samples", href: "#samples" },
+];
+
+const aboutBulletPoints = [
+  {
+    title: "Professional Quality",    description: "Agency-caliber video ads and static creatives that stand out",    icon: Sparkles,
+  },
+  {
+    title: "48-Hour Delivery",    description: "Fast turnaround without compromising on quality or results",    icon: Zap,
+  },
+  {
+    title: "40% Average ROAS Increase",    description: "Proven results that drive measurable business growth",    icon: Target,
+  },
+  {
+    title: "50% Cost Savings",    description: "Half the cost of traditional agencies while maintaining excellence",    icon: CheckCircle,
+  },
+];
+
+const features = [
+  {
+    id: "1",    title: "Video Ad Creation",    description: "Compelling video ads optimized for all platforms with proven engagement metrics",    imageSrc:
+      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/uploaded-1773100314435-vddenqu9.png?_wi=1",    imageAlt: "Video ad creation"},
+  {
+    id: "2",    title: "Static Creative Design",    description: "Eye-catching static images and banners that convert viewers into customers",    imageSrc:
+      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/uploaded-1773100314435-vddenqu9.png?_wi=2",    imageAlt: "Static creative design"},
+  {
+    id: "3",    title: "Platform Optimization",    description: "Creatives tailored for Facebook, Instagram, Google, and TikTok with format expertise",    imageSrc:
+      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/uploaded-1773100314435-vddenqu9.png?_wi=3",    imageAlt: "Platform optimization"},
+  {
+    id: "4",    title: "A/B Testing Ready",    description: "Multiple variations for each creative to maximize your testing and learning",    imageSrc:
+      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/uploaded-1773100314435-vddenqu9.png?_wi=4",    imageAlt: "A/B testing ready"},
+];
+
+const pricingPlans = [
+  {
+    id: "1",    badge: "Starter",    badgeIcon: Sparkles,
+    price: "$299",    subtitle: "Perfect for small businesses testing paid ads",    buttons: [
+      { text: "Get Started", onClick: () => console.log("Starter selected") },
+      { text: "Learn More", href: "#" },
+    ],
+    features: [
+      "3 video ad variations",      "5 static creatives",      "One platform optimization",      "48-hour delivery",      "Email support"],
+  },
+  {
+    id: "2",    badge: "Professional",    badgeIcon: Zap,
+    price: "$599",    subtitle: "Best for growing businesses scaling campaigns",    buttons: [
+      { text: "Get Started", onClick: () => console.log("Professional selected") },
+      { text: "Learn More", href: "#" },
+    ],
+    features: [
+      "6 video ad variations",      "10 static creatives",      "Multi-platform optimization",      "48-hour delivery",      "Priority support",      "Monthly strategy call"],
+  },
+  {
+    id: "3",    badge: "Enterprise",    badgeIcon: Target,
+    price: "Custom",    subtitle: "For large teams with complex needs",    buttons: [
+      { text: "Contact Sales", onClick: () => console.log("Enterprise contact") },
+      { text: "View Details", href: "#" },
+    ],
+    features: [
+      "Unlimited creatives",      "All platforms covered",      "Custom delivery timeline",      "Dedicated account manager",      "24/7 support",      "Quarterly business reviews"],
+  },
+];
+
+const contactButtons = [
+  { text: "Start Your Free Ads", href: "#claim-free" },
+  { text: "Schedule a Call", onClick: () => console.log("Schedule call") },
+];
+
+const footerColumns = [
+  {
+    items: [
+      { label: "Features", href: "#features" },
+      { label: "Pricing", href: "#pricing" },
+      { label: "About", href: "#about" },
+    ],
+  },
+  {
+    items: [
+      { label: "Contact", href: "#contact" },
+      { label: "Support", href: "#support" },
+      { label: "Terms", href: "#terms" },
+    ],
+  },
+];
+
+export default function Home() {
  return (
    <ThemeProvider
-      defaultButtonVariant="hover-bubble"
+      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
-      borderRadius="pill"
+      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
-      background="none"
-      cardStyle="gradient-bordered"
-      primaryButtonStyle="primary-glow"
-      secondaryButtonStyle="layered"
-      headingFontWeight="medium"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
    >
-      <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingInline
-          brandName="Quick Creatives"
-          navItems={[
-            { name: "Features", id: "features" },
-            { name: "Pricing", id: "pricing" },
-            { name: "Contact", id: "contact" }
-          ]}
-          button={{
-            text: "Get Started Free",            href: "#contact"
-          }}
-          animateOnLoad={true}
-        />
-      </div>
+      <div className="w-full">
+        <nav className="sticky top-0 z-50">
+          <NavbarLayoutFloatingInline
+            navItems={navItems}
+            brandName="studio ads"
+            button={{
+              text: "Get Started",              onClick: () => console.log("navbar cta clicked"),
+            }}
+            animateOnLoad={true}
+          />
+        </nav>

-      <div id="hero" data-section="hero">
-        <HeroCentered
-          title="Create Stunning Ads in Seconds"
-          description="AI-powered ad generation that transforms your ideas into professional static and video advertisements. Save time, scale creativity, and drive results for any business category."
-          background={{ variant: "downward-rays-animated" }}
-          avatars={[
-            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/professional-headshot-of-a-young-marketi-1772624560922-a81a2ec0.png",              alt: "Marketing professional 1"
-            },
-            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/professional-headshot-of-a-female-creati-1772624560954-fe3f44ea.png",              alt: "Creative director"
-            },
-            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/professional-headshot-of-a-male-entrepre-1772624561085-2e00132e.png",              alt: "Business owner"
-            }
-          ]}
-          avatarText="Trusted by 500+ agencies & creators"
-          buttons={[
-            { text: "Start Creating Free", href: "#contact" },
-            { text: "View Examples", href: "#features" }
-          ]}
-          buttonAnimation="slide-up"
-          ariaLabel="Hero section - Quick Creatives AI ad generation platform"
-        />
-      </div>
+        <main className="w-full">
+          <div id="hero" data-section="hero">
+            <HeroBillboardScroll
+              background={{ variant: "sparkles-gradient" }}
+              title="Agency-Quality Ad Creatives in 48 Hours"
+              description="Get professional video ads and static creatives delivered fast. 40% average ROAS increase. Half the cost of traditional agencies."
+              tag="Premium Creatives"
+              tagIcon={Sparkles}
+              imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/uploaded-1773100314435-vddenqu9.png?_wi=5"
+              imageAlt="Hero showcase"
+              buttons={heroButtons}
+            />
+          </div>

-      <div id="features" data-section="features">
-        <FeatureBento
-          title="Powerful Features for Creative Success"
-          description="Everything you need to generate, customize, and optimize high-performing ads with AI."
-          tag="Capabilities"
-          tagIcon={Sparkles}
-          features={[
-            {
-              title: "AI Video Generation",              description: "Transform scripts into professional video ads with AI voiceovers, animations, and effects",              bentoComponent: "animated-bar-chart"
-            },
-            {
-              title: "Static Ad Designer",              description: "Generate unlimited variations of static ads optimized for social media and display networks",              bentoComponent: "globe"
-            },
-            {
-              title: "Real-Time Analytics",              description: "Track performance metrics and optimize campaigns with actionable insights",              bentoComponent: "line-chart"
-            },
-            {
-              title: "Brand Consistency",              description: "Maintain your brand identity across all generated ads with smart templates",              bentoComponent: "marquee",              centerIcon: Shield,
-              variant: "text",              texts: ["Your Brand", "Every Time", "Consistent Style", "Perfect Fit"]
-            },
-            {
-              title: "Multi-Category Support",              description: "Create ads for e-commerce, SaaS, services, real estate, and any industry",              bentoComponent: "orbiting-icons",              centerIcon: Zap,
-              items: [
-                { icon: ShoppingCart, ring: 1 },
-                { icon: Package, ring: 1 },
-                { icon: BarChart3, ring: 2 },
-                { icon: Briefcase, ring: 2 }
-              ]
-            }
-          ]}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={true}
-          buttons={[
-            { text: "Explore All Features", href: "#pricing" }
-          ]}
-          buttonAnimation="blur-reveal"
-        />
-      </div>
+          <div id="about" data-section="about">
+            <SplitAbout
+              title="Why Choose Studio Ads"
+              description="We combine speed, quality, and affordability to deliver results that matter"
+              tag="Our Approach"
+              tagIcon={CheckCircle}
+              bulletPoints={aboutBulletPoints}
+              imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/uploaded-1773100314435-vddenqu9.png?_wi=6"
+              imageAlt="About showcase"
+              textboxLayout="default"
+              useInvertedBackground={false}
+              mediaAnimation="slide-up"
+              imagePosition="right"
+            />
+          </div>

-      <div id="advanced-features" data-section="advanced-features">
-        <FeatureBorderGlow
-          title="Enterprise-Grade Capabilities"
-          description="Advanced tools designed for scaling your ad production and team collaboration"
-          tag="Advanced"
-          tagIcon={Zap}
-          features={[
-            {
-              icon: Zap,
-              title: "Lightning Fast",              description: "Generate professional ads in under 2 minutes, not days"
-            },
-            {
-              icon: Users,
-              title: "Team Collaboration",              description: "Invite team members, manage approvals, and streamline workflows"
-            },
-            {
-              icon: Database,
-              title: "API Integration",              description: "Integrate with your existing marketing stack and automation tools"
-            },
-            {
-              icon: Shield,
-              title: "Enterprise Security",              description: "Enterprise-grade security and compliance for your peace of mind"
-            },
-            {
-              icon: TrendingUp,
-              title: "Performance Optimization",              description: "AI-driven recommendations to maximize ad performance and ROI"
-            },
-            {
-              icon: Palette,
-              title: "Unlimited Variations",              description: "Create infinite ad variations to find your perfect creative formula"
-            }
-          ]}
-          animationType="blur-reveal"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          buttons={[
-            { text: "Request Demo", href: "#contact" }
-          ]}
-        />
-      </div>
+          <div id="features" data-section="features">
+            <FeatureCardTwentySeven
+              features={features}
+              gridVariant="four-items-2x2-equal-grid"
+              animationType="slide-up"
+              title="Our Services"
+              description="Comprehensive creative solutions tailored to your advertising needs"
+              tag="Services"
+              tagIcon={Sparkles}
+              textboxLayout="default"
+              useInvertedBackground={false}
+            />
+          </div>

-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardFifteen
-          testimonial="Quick Creatives has completely transformed how we produce ads. What used to take weeks now takes hours. Our ad spend is more efficient, and our creative quality has never been better."
-          rating={5}
-          author="Sarah Chen, Creative Director at Luna Studios"
-          avatars={[
-            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/professional-headshot-of-a-young-marketi-1772624560922-a81a2ec0.png",              alt: "Sarah Chen"
-            },
-            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/professional-headshot-of-a-female-creati-1772624560954-fe3f44ea.png",              alt: "Team member 2"
-            },
-            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/professional-headshot-of-a-male-entrepre-1772624561085-2e00132e.png",              alt: "Team member 3"
-            },
-            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATkkwMdD0iTY5cZ1obi8rWoV7q/professional-headshot-of-a-young-creativ-1772624560648-c09f9055.png",              alt: "Team member 4"
-            }
-          ]}
-          ratingAnimation="slide-up"
-          avatarsAnimation="blur-reveal"
-          useInvertedBackground={true}
-          ariaLabel="Customer testimonial from Luna Studios"
-        />
-      </div>
+          <div id="claim-free" data-section="claim-free">
+            <ContactCTA
+              tag="Limited Time"
+              title="Claim Your Free Ad Creatives"
+              description="Get started with a free sample package. See the quality and speed that sets us apart. No credit card required."
+              buttons={[
+                { text: "Get Free Ads Now", onClick: () => console.log("claim free ads") },
+                {
+                  text: "Book a Consultation",                  onClick: () => console.log("book consultation"),
+                },
+              ]}
+              background={{ variant: "plain" }}
+              useInvertedBackground={false}
+            />
+          </div>

-      <div id="pricing" data-section="pricing">
-        <PricingCardEight
-          title="Transparent Pricing for Every Business"
-          description="Choose the perfect plan to start generating ads today. Upgrade or downgrade anytime."
-          tag="Plans"
-          tagIcon={CreditCard}
-          plans={[
-            {
-              id: "starter",              badge: "Popular",              badgeIcon: Sparkles,
-              price: "$29/mo",              subtitle: "Perfect for creators and small agencies",              buttons: [
-                { text: "Start Free Trial", href: "#contact" }
-              ],
-              features: [
-                "100 ad generations per month",                "Static & video ads",                "Basic analytics",                "Email support",                "Brand kit customization"
-              ]
-            },
-            {
-              id: "professional",              badge: "Most Popular",              badgeIcon: Zap,
-              price: "$99/mo",              subtitle: "Ideal for growing agencies",              buttons: [
-                { text: "Start Free Trial", href: "#contact" }
-              ],
-              features: [
-                "500 ad generations per month",                "Unlimited video formats",                "Advanced analytics & insights",                "Priority support",                "Team collaboration (3 users)",                "API access"
-              ]
-            },
-            {
-              id: "enterprise",              badge: "Custom",              badgeIcon: Crown,
-              price: "Custom",              subtitle: "For large teams and agencies",              buttons: [
-                { text: "Contact Sales", href: "#contact" }
-              ],
-              features: [
-                "Unlimited ad generations",                "Custom integrations",                "Dedicated account manager",                "Unlimited team members",                "Custom training & onboarding",                "SLA & compliance"
-              ]
-            }
-          ]}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          buttons={[
-            { text: "Compare Plans", href: "#features" }
-          ]}
-          buttonAnimation="opacity"
-        />
-      </div>
+          <div id="pricing" data-section="pricing">
+            <PricingCardTwo
+              plans={pricingPlans}
+              animationType="slide-up"
+              title="Transparent Pricing"
+              description="Choose the plan that fits your business needs. All plans include 48-hour delivery and proven results."
+              tag="Pricing"
+              tagIcon={Target}
+              textboxLayout="default"
+              useInvertedBackground={false}
+            />
+          </div>

-      <div id="contact" data-section="contact">
-        <ContactCenter
-          tag="Get Started"
-          title="Ready to Transform Your Ad Creation?"
-          description="Join 500+ agencies and creators already using Quick Creatives. Try it free for 14 days—no credit card required."
-          tagIcon={Mail}
-          background={{ variant: "downward-rays-static-grid" }}
-          useInvertedBackground={true}
-          inputPlaceholder="Enter your email address"
-          buttonText="Start Creating Free"
-          termsText="By clicking Start Creating Free you're confirming that you agree with our Terms and Conditions. We'll send you a confirmation email shortly."
-          ariaLabel="Newsletter signup and contact form"
-        />
-      </div>
+          <div id="contact" data-section="contact">
+            <ContactCTA
+              tag="Ready to Start?"
+              tagIcon={Zap}
+              title="Let's Create Your Next Campaign"
+              description="Our team is ready to deliver professional, high-converting ad creatives in 48 hours. Join hundreds of satisfied clients."
+              buttons={contactButtons}
+              background={{ variant: "plain" }}
+              useInvertedBackground={false}
+            />
+          </div>

-      <div id="footer" data-section="footer">
-        <FooterBaseReveal
-          columns={[
-            {
-              title: "Product",              items: [
-                { label: "Features", href: "#features" },
-                { label: "Pricing", href: "#pricing" },
-                { label: "API Documentation", href: "#" },
-                { label: "Status", href: "#" }
-              ]
-            },
-            {
-              title: "Company",              items: [
-                { label: "About Us", href: "#" },
-                { label: "Blog", href: "#" },
-                { label: "Careers", href: "#" },
-                { label: "Contact", href: "#contact" }
-              ]
-            },
-            {
-              title: "Legal",              items: [
-                { label: "Privacy Policy", href: "#" },
-                { label: "Terms of Service", href: "#" },
-                { label: "Security", href: "#" }
-              ]
-            }
-          ]}
-          copyrightText="© 2025 Quick Creatives. All rights reserved."
-          ariaLabel="Footer navigation and company information"
-        />
+          <footer id="footer" data-section="footer">
+            <FooterLogoEmphasis columns={footerColumns} logoText="studio ads" />
+          </footer>
+        </main>
      </div>
    </ThemeProvider>
  );
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #684f7b;;
  --background-accent: #65417c;; */

-  --background: #050012;;
-  --card: #040121;;
-  --foreground: #f0e6ff;;
-  --primary-cta: #c89bff;;
-  --primary-cta-text: #050012;;
-  --secondary-cta: #1d123b;;
-  --secondary-cta-text: #f0e6ff;;
-  --accent: #684f7b;;
-  --background-accent: #65417c;;
+  --background: #f5faff;;
+  --card: #f1f8ff;;
+  --foreground: #001122;;
+  --primary-cta: #15479c;;
+  --primary-cta-text: #f5faff;;
+  --secondary-cta: #ffffff;;
+  --secondary-cta-text: #001122;;
+  --accent: #a8cce8;;
+  --background-accent: #7ba3cf;;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
--- a/src/app/thank-you/page.tsx
+++ b/src/app/thank-you/page.tsx
@@ -0,0 +1,125 @@
+"use client";
+
+import { useSearchParams } from "next/navigation";
+import { CheckCircle, ArrowRight } from "lucide-react";
+import Link from "next/link";
+
+export default function ThankYouPage() {
+  const searchParams = useSearchParams();
+  const url = searchParams.get("url") || "";
+
+  return (
+    <div className="min-h-screen bg-background flex items-center justify-center px-4 py-20">
+      <div className="max-w-2xl w-full">
+        <div className="text-center mb-8">
+          <div className="inline-flex items-center justify-center w-16 h-16 rounded-full bg-primary-cta/20 mb-6">
+            <CheckCircle size={32} className="text-primary-cta" />
+          </div>
+          <h1 className="text-4xl md:text-5xl font-bold text-foreground mb-4">
+            Thank You!
+          </h1>
+          <p className="text-lg text-foreground/70 mb-2">
+            Your free 3 ad creatives are on the way.
+          </p>
+          {url && (
+            <p className="text-base text-foreground/60 mb-8">
+              We've received your website: <span className="font-semibold text-foreground">{url}</span>
+            </p>
+          )}
+        </div>
+
+        <div className="bg-card border border-accent/20 rounded-lg p-8 mb-8">
+          <h2 className="text-2xl font-bold text-foreground mb-6">What's Next?</h2>
+          <div className="space-y-6">
+            <div className="flex gap-4">
+              <div className="flex-shrink-0">
+                <div className="flex items-center justify-center h-10 w-10 rounded-full bg-primary-cta text-primary-cta-text font-bold">
+                  1
+                </div>
+              </div>
+              <div>
+                <h3 className="font-semibold text-foreground mb-1">Check Your Email</h3>
+                <p className="text-foreground/70">
+                  Within 1-2 hours, you'll receive a welcome email with next steps and our creative brief form.
+                </p>
+              </div>
+            </div>
+
+            <div className="flex gap-4">
+              <div className="flex-shrink-0">
+                <div className="flex items-center justify-center h-10 w-10 rounded-full bg-primary-cta text-primary-cta-text font-bold">
+                  2
+                </div>
+              </div>
+              <div>
+                <h3 className="font-semibold text-foreground mb-1">Fill Out the Brief</h3>
+                <p className="text-foreground/70">
+                  Tell us about your product, target audience, and campaign goals. Upload any brand guidelines or reference materials.
+                </p>
+              </div>
+            </div>
+
+            <div className="flex gap-4">
+              <div className="flex-shrink-0">
+                <div className="flex items-center justify-center h-10 w-10 rounded-full bg-primary-cta text-primary-cta-text font-bold">
+                  3
+                </div>
+              </div>
+              <div>
+                <h3 className="font-semibold text-foreground mb-1">Sit Back & Relax</h3>
+                <p className="text-foreground/70">
+                  Our creative team will craft 3 premium ad creatives optimized for your platforms. You'll have them in 48 hours.
+                </p>
+              </div>
+            </div>
+
+            <div className="flex gap-4">
+              <div className="flex-shrink-0">
+                <div className="flex items-center justify-center h-10 w-10 rounded-full bg-primary-cta text-primary-cta-text font-bold">
+                  4
+                </div>
+              </div>
+              <div>
+                <h3 className="font-semibold text-foreground mb-1">Review & Iterate</h3>
+                <p className="text-foreground/70">
+                  Get your creatives and review them. We'll incorporate feedback within 24 hours. Once happy, deploy and start seeing results.
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div className="bg-gradient-to-br from-primary-cta/10 to-accent/10 border border-primary-cta/20 rounded-lg p-6 mb-8">
+          <h3 className="font-semibold text-foreground mb-3">💡 Pro Tips:</h3>
+          <ul className="space-y-2 text-foreground/70">
+            <li>• Be specific about your target audience demographics and interests</li>
+            <li>• Share examples of ads you like (from competitors or other brands)</li>
+            <li>• Provide clear brand guidelines and any assets you want us to use</li>
+            <li>• Let us know your primary conversion goal (clicks, sales, signups, etc.)</li>
+          </ul>
+        </div>
+
+        <div className="flex flex-col md:flex-row gap-4 justify-center">
+          <Link
+            href="/"
+            className="inline-flex items-center justify-center gap-2 px-8 py-4 bg-card border border-accent/20 text-foreground font-semibold rounded-full hover:bg-accent/5 transition-colors"
+          >
+            Back to Home
+          </Link>
+          <a
+            href="https://wa.me/1234567890"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="inline-flex items-center justify-center gap-2 px-8 py-4 bg-primary-cta text-primary-cta-text font-semibold rounded-full hover:opacity-90 transition-opacity"
+          >
+            Chat with Us <ArrowRight size={18} />
+          </a>
+        </div>
+
+        <p className="text-center text-foreground/60 text-sm mt-8">
+          Questions? Chat with us on WhatsApp or reply to your confirmation email.
+        </p>
+      </div>
+    </div>
+  );
+}
Author	SHA1	Message	Date
bender	6c9cb6767a	Update src/app/page.tsx	2026-03-09 23:54:24 +00:00
bender	3117bfa553	Update src/app/page.tsx	2026-03-09 23:53:33 +00:00
bender	fcbc5d79e3	Update src/app/page.tsx	2026-03-09 23:52:24 +00:00
bender	83784db2d4	Merge version_30 into main Merge version_30 into main	2026-03-09 15:53:18 +00:00
bender	bb036a71c1	Update src/app/layout.tsx	2026-03-09 15:53:14 +00:00
bender	f805b5f5da	Merge version_30 into main Merge version_30 into main	2026-03-09 15:52:13 +00:00
bender	e3cfb26532	Update src/app/page.tsx	2026-03-09 15:52:09 +00:00
bender	ae02074a75	Update src/app/layout.tsx	2026-03-09 15:52:09 +00:00
bender	cce55dc6d8	Merge version_29 into main Merge version_29 into main	2026-03-09 13:53:57 +00:00
bender	60de093eed	Update src/app/page.tsx	2026-03-09 13:53:53 +00:00
bender	51fea41093	Merge version_28 into main Merge version_28 into main	2026-03-09 13:47:37 +00:00
bender	0caadc2db6	Update src/app/page.tsx	2026-03-09 13:47:33 +00:00
bender	60041290b4	Merge version_27 into main Merge version_27 into main	2026-03-09 13:40:21 +00:00
bender	662dde5c2e	Update src/app/page.tsx	2026-03-09 13:40:17 +00:00
bender	75fc83bab8	Update src/app/layout.tsx	2026-03-09 13:40:16 +00:00
bender	1576cdc334	Merge version_26 into main Merge version_26 into main	2026-03-09 13:36:42 +00:00
bender	0b3045eda6	Update src/app/page.tsx	2026-03-09 13:36:38 +00:00
bender	8ddb5d7b64	Update src/app/layout.tsx	2026-03-09 13:36:37 +00:00
bender	dedf4b0752	Merge version_25 into main Merge version_25 into main	2026-03-07 07:29:09 +00:00
bender	f33b1d8ff5	Update src/app/page.tsx	2026-03-07 07:29:05 +00:00
bender	8060f0dc6f	Update src/app/layout.tsx	2026-03-07 07:29:04 +00:00
bender	033937a08c	Switch to version 23: modified src/app/page.tsx	2026-03-07 07:26:21 +00:00
bender	1b63d1b19b	Switch to version 23: modified src/app/layout.tsx	2026-03-07 07:26:20 +00:00
bender	fc373efcec	Merge version_24 into main Merge version_24 into main	2026-03-07 07:23:55 +00:00
bender	1df41c0c1e	Update src/app/page.tsx	2026-03-07 07:23:50 +00:00
bender	342d16373c	Update src/app/layout.tsx	2026-03-07 07:23:50 +00:00
bender	fa55e77820	Merge version_23 into main Merge version_23 into main	2026-03-07 02:32:56 +00:00
bender	1930d06fe2	Update src/app/page.tsx	2026-03-07 02:32:52 +00:00
bender	9e8c6e67d1	Merge version_23 into main Merge version_23 into main	2026-03-07 02:31:06 +00:00
bender	6093c0b799	Update src/app/page.tsx	2026-03-07 02:31:02 +00:00
bender	a2f8453fe9	Merge version_22 into main Merge version_22 into main	2026-03-07 02:25:28 +00:00
bender	73efafef66	Update src/app/page.tsx	2026-03-07 02:25:18 +00:00
bender	3e77d4ef4e	Merge version_21 into main Merge version_21 into main	2026-03-07 02:20:55 +00:00
bender	67c3e23ddd	Update theme colors	2026-03-07 02:20:48 +00:00
bender	1582bd7bfc	Merge version_21 into main Merge version_21 into main	2026-03-06 05:33:31 +00:00
bender	ac78910b26	Update theme colors	2026-03-06 05:33:25 +00:00
bender	768bfa6ce3	Merge version_21 into main Merge version_21 into main	2026-03-06 05:32:46 +00:00
bender	f884879659	Update theme colors	2026-03-06 05:32:40 +00:00
bender	4764ffea99	Merge version_21 into main Merge version_21 into main	2026-03-05 13:54:12 +00:00
bender	cc382f7a71	Update src/app/page.tsx	2026-03-05 13:54:05 +00:00
bender	cfe6423a01	Merge version_20 into main Merge version_20 into main	2026-03-05 13:47:37 +00:00
bender	9708909a0c	Update src/app/page.tsx	2026-03-05 13:47:32 +00:00
bender	234de6419c	Update src/app/layout.tsx	2026-03-05 13:47:32 +00:00
bender	83414f666a	Merge version_19 into main Merge version_19 into main	2026-03-05 13:42:53 +00:00
bender	b0210d44ff	Update src/app/thank-you/page.tsx	2026-03-05 13:42:49 +00:00
bender	4ddd0fae64	Update src/app/page.tsx	2026-03-05 13:42:48 +00:00
bender	96cf8fe822	Update src/app/layout.tsx	2026-03-05 13:42:48 +00:00
bender	3c46b37f19	Merge version_18 into main Merge version_18 into main	2026-03-05 13:35:39 +00:00
bender	343dc3aa4b	Update src/app/page.tsx	2026-03-05 13:35:35 +00:00
bender	fa739da65f	Update src/app/layout.tsx	2026-03-05 13:35:34 +00:00
bender	dd9f8dd11b	Merge version_17 into main Merge version_17 into main	2026-03-05 13:31:46 +00:00
bender	de7921dcf2	Update src/app/page.tsx	2026-03-05 13:31:42 +00:00
bender	aaa107a8f2	Update src/app/layout.tsx	2026-03-05 13:31:41 +00:00
bender	d58e0f6db4	Switch to version 15: modified src/app/styles/variables.css	2026-03-05 13:06:25 +00:00
bender	09f71fe071	Switch to version 15: modified src/app/page.tsx	2026-03-05 13:06:25 +00:00
bender	f741842e42	Switch to version 15: modified src/app/layout.tsx	2026-03-05 13:06:24 +00:00
bender	e71f68d950	Switch to version 16: modified src/app/styles/variables.css	2026-03-05 13:01:59 +00:00
bender	b29a136927	Switch to version 16: modified src/app/page.tsx	2026-03-05 13:01:58 +00:00
bender	a334e75d98	Switch to version 16: modified src/app/layout.tsx	2026-03-05 13:01:58 +00:00
bender	4cd4563a81	Switch to version 15: modified src/app/styles/variables.css	2026-03-05 12:59:05 +00:00
bender	a2b7ffccfd	Switch to version 15: modified src/app/page.tsx	2026-03-05 12:59:04 +00:00
bender	e7dd8cffb4	Switch to version 15: modified src/app/layout.tsx	2026-03-05 12:59:03 +00:00
bender	158598b397	Switch to version 16: modified src/app/styles/variables.css	2026-03-05 12:57:12 +00:00
bender	4f288a7aa8	Switch to version 16: modified src/app/page.tsx	2026-03-05 12:57:11 +00:00
bender	f7957f64d5	Switch to version 16: modified src/app/layout.tsx	2026-03-05 12:57:10 +00:00
bender	7725cff7ee	Switch to version 15: modified src/app/styles/variables.css	2026-03-05 12:56:26 +00:00
bender	92a2671031	Switch to version 15: modified src/app/page.tsx	2026-03-05 12:56:26 +00:00
bender	762a6b788d	Switch to version 15: modified src/app/layout.tsx	2026-03-05 12:56:25 +00:00
bender	8c13acb37e	Switch to version 16: modified src/app/styles/variables.css	2026-03-05 12:56:13 +00:00
bender	e654873cc1	Switch to version 16: modified src/app/page.tsx	2026-03-05 12:56:12 +00:00
bender	582e372208	Switch to version 16: modified src/app/layout.tsx	2026-03-05 12:56:11 +00:00
bender	b920d66603	Switch to version 15: added src/app/thank-you/page.tsx	2026-03-05 12:55:52 +00:00
bender	28ea541a07	Switch to version 15: modified src/app/page.tsx	2026-03-05 12:55:52 +00:00
bender	ecb51cf35c	Switch to version 15: modified src/app/layout.tsx	2026-03-05 12:55:51 +00:00
bender	1d1cb3e25e	Switch to version 14: remove src/app/thank-you/page.tsx	2026-03-05 12:21:26 +00:00
bender	cd43b2423c	Switch to version 14: modified src/app/page.tsx	2026-03-05 12:21:25 +00:00
bender	bf14dde886	Switch to version 14: modified src/app/layout.tsx	2026-03-05 12:21:25 +00:00
bender	775c58dd5f	Switch to version 15: modified src/app/styles/variables.css	2026-03-05 12:21:12 +00:00
bender	ca54c45148	Switch to version 15: modified src/app/page.tsx	2026-03-05 12:21:12 +00:00
bender	b8a60846fa	Switch to version 15: modified src/app/layout.tsx	2026-03-05 12:21:11 +00:00
bender	7df6cb9adc	Merge version_16 into main Merge version_16 into main	2026-03-05 12:20:42 +00:00
bender	92ed70cb51	Update theme colors	2026-03-05 12:20:35 +00:00
bender	2022cff594	Switch to version 16: modified src/app/styles/variables.css	2026-03-05 12:19:29 +00:00
bender	a3fb84396d	Switch to version 16: modified src/app/page.tsx	2026-03-05 12:19:28 +00:00
bender	3c2670e684	Switch to version 16: modified src/app/layout.tsx	2026-03-05 12:19:28 +00:00
bender	ff5e4fc53b	Switch to version 15: added src/app/thank-you/page.tsx	2026-03-05 12:19:18 +00:00
bender	9b56793461	Switch to version 15: modified src/app/page.tsx	2026-03-05 12:19:17 +00:00
bender	761cea35b5	Switch to version 15: modified src/app/layout.tsx	2026-03-05 12:19:17 +00:00
bender	a9dd4797f0	Switch to version 14: modified src/app/page.tsx	2026-03-05 12:19:00 +00:00
bender	1f8dcc0d2f	Switch to version 13: modified src/app/page.tsx	2026-03-05 12:18:17 +00:00
bender	4b299fa5eb	Switch to version 12: modified src/app/page.tsx	2026-03-05 12:17:31 +00:00
bender	1364284317	Switch to version 13: modified src/app/page.tsx	2026-03-05 12:17:14 +00:00
bender	6ed9bf2554	Switch to version 14: remove src/app/thank-you/page.tsx	2026-03-05 12:16:50 +00:00
bender	27c0ba48c9	Switch to version 14: modified src/app/page.tsx	2026-03-05 12:16:49 +00:00
bender	b5f1ed8f9e	Switch to version 14: modified src/app/layout.tsx	2026-03-05 12:16:48 +00:00
bender	327c83d2c6	Switch to version 15: added src/app/thank-you/page.tsx	2026-03-05 12:15:53 +00:00
bender	47798547bb	Switch to version 15: modified src/app/page.tsx	2026-03-05 12:15:53 +00:00
bender	bb0610599e	Switch to version 15: modified src/app/layout.tsx	2026-03-05 12:15:52 +00:00
bender	b74202f2b1	Switch to version 14: remove src/app/thank-you/page.tsx	2026-03-05 12:15:42 +00:00
bender	2e2b93e65c	Switch to version 14: modified src/app/page.tsx	2026-03-05 12:15:42 +00:00
bender	e9f886752a	Switch to version 14: modified src/app/layout.tsx	2026-03-05 12:15:42 +00:00
bender	cbdd5bd21a	Switch to version 15: modified src/app/styles/variables.css	2026-03-05 12:15:37 +00:00
bender	5b0ad54dc3	Switch to version 15: modified src/app/page.tsx	2026-03-05 12:15:36 +00:00
bender	f0d015ede5	Switch to version 15: modified src/app/layout.tsx	2026-03-05 12:15:36 +00:00
bender	3c53b25ead	Merge version_16 into main Merge version_16 into main	2026-03-05 12:15:13 +00:00
bender	1727e38d3c	Update theme colors	2026-03-05 12:15:07 +00:00
bender	3e7815f595	Merge version_16 into main Merge version_16 into main	2026-03-05 12:14:23 +00:00
bender	0894ecbe8c	Update theme colors	2026-03-05 12:14:16 +00:00
bender	07badd52e6	Merge version_16 into main Merge version_16 into main	2026-03-05 12:14:06 +00:00
bender	ab1b99a53f	Update theme colors	2026-03-05 12:13:59 +00:00
bender	98102d181f	Merge version_16 into main Merge version_16 into main	2026-03-05 12:11:51 +00:00
bender	9b9f3354a8	Update src/app/page.tsx	2026-03-05 12:11:46 +00:00
bender	0b12075419	Update src/app/layout.tsx	2026-03-05 12:11:46 +00:00
bender	dad477b06e	Merge version_15 into main Merge version_15 into main	2026-03-05 06:39:59 +00:00
bender	ed40fec024	Add src/app/thank-you/page.tsx	2026-03-05 06:39:55 +00:00
bender	34db2ddbf0	Update src/app/page.tsx	2026-03-05 06:39:54 +00:00
bender	c08bfd11f8	Update src/app/layout.tsx	2026-03-05 06:39:54 +00:00
bender	681266e374	Merge version_14 into main Merge version_14 into main	2026-03-05 05:15:06 +00:00
bender	df52fd53a5	Update src/app/page.tsx	2026-03-05 05:15:01 +00:00
bender	7967ae572b	Merge version_14 into main Merge version_14 into main	2026-03-05 05:13:34 +00:00
bender	b4deea5982	Update src/app/page.tsx	2026-03-05 05:13:30 +00:00
bender	e489f74440	Merge version_13 into main Merge version_13 into main	2026-03-05 05:10:36 +00:00
bender	9a89f7be97	Update src/app/page.tsx	2026-03-05 05:10:32 +00:00
bender	5548158ae2	Merge version_12 into main Merge version_12 into main	2026-03-05 05:07:09 +00:00
bender	6f11ebac09	Update src/app/page.tsx	2026-03-05 05:07:05 +00:00
bender	45e956d16a	Update src/app/layout.tsx	2026-03-05 05:07:05 +00:00
bender	ff8938ec0f	Merge version_11 into main Merge version_11 into main	2026-03-05 05:04:11 +00:00
bender	98f7cb8ba6	Update src/app/page.tsx	2026-03-05 05:04:07 +00:00
bender	fe1b84e4d2	Update src/app/layout.tsx	2026-03-05 05:04:07 +00:00
bender	2a8616b144	Merge version_10 into main Merge version_10 into main	2026-03-05 05:01:16 +00:00
bender	7105de1607	Update src/app/page.tsx	2026-03-05 05:01:12 +00:00
bender	f09f245b63	Update src/app/layout.tsx	2026-03-05 05:01:12 +00:00
bender	d77c1249bb	Merge version_9 into main Merge version_9 into main	2026-03-05 01:42:55 +00:00
bender	f032927a66	Update src/app/page.tsx	2026-03-05 01:42:51 +00:00
bender	6e76762078	Merge version_9 into main Merge version_9 into main	2026-03-05 01:41:21 +00:00
bender	9abc6caa07	Update src/app/page.tsx	2026-03-05 01:41:17 +00:00
bender	d79fff57f6	Update src/app/layout.tsx	2026-03-05 01:41:17 +00:00
bender	cef806d5ee	Merge version_8 into main Merge version_8 into main	2026-03-05 01:32:28 +00:00
bender	1d7bdc8f07	Update src/app/page.tsx	2026-03-05 01:32:24 +00:00
bender	3249eead64	Update src/app/layout.tsx	2026-03-05 01:32:24 +00:00
bender	453c66bf08	Merge version_7 into main Merge version_7 into main	2026-03-05 01:26:50 +00:00
bender	1df8d4652a	Update src/app/page.tsx	2026-03-05 01:26:46 +00:00
bender	a9da569845	Merge version_6 into main Merge version_6 into main	2026-03-04 23:32:35 +00:00
bender	30e9ac1de5	Update src/app/page.tsx	2026-03-04 23:32:31 +00:00
bender	8212671c23	Merge version_5 into main Merge version_5 into main	2026-03-04 13:27:16 +00:00
bender	92b0b4b577	Update src/app/page.tsx	2026-03-04 13:27:11 +00:00
bender	5d022c1da4	Update src/app/layout.tsx	2026-03-04 13:27:10 +00:00
bender	8b8e88ab3e	Merge version_4 into main Merge version_4 into main	2026-03-04 12:56:17 +00:00
bender	0f18b0fd5a	Update src/app/page.tsx	2026-03-04 12:56:13 +00:00
bender	388971e9ea	Update src/app/layout.tsx	2026-03-04 12:56:12 +00:00
bender	37c2b0b325	Merge version_3 into main Merge version_3 into main	2026-03-04 12:51:40 +00:00
bender	9856a25ee6	Update src/app/page.tsx	2026-03-04 12:51:35 +00:00
bender	f5191a2e57	Update src/app/layout.tsx	2026-03-04 12:51:35 +00:00
bender	2fbfa93c9b	Merge version_2 into main Merge version_2 into main	2026-03-04 12:37:27 +00:00
bender	2c8c4650d8	Update src/app/page.tsx	2026-03-04 12:37:22 +00:00
bender	218d9bda4e	Merge version_2 into main Merge version_2 into main	2026-03-04 12:36:21 +00:00
bender	cf9d910665	Update src/app/page.tsx	2026-03-04 12:36:17 +00:00
bender	acf15ca953	Merge version_2 into main Merge version_2 into main	2026-03-04 12:34:34 +00:00
bender	f3d97b6984	Update src/app/page.tsx	2026-03-04 12:34:30 +00:00
bender	d6553828c5	Update src/app/layout.tsx	2026-03-04 12:34:29 +00:00
bender	4038292a72	Merge version_1 into main Merge version_1 into main	2026-03-04 11:44:43 +00:00