From e328b9bad0bc1a133c4ea3190ab42ac345abf958 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 20 Mar 2026 01:39:20 +0000
Subject: [PATCH 1/6] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 41 ++++++++++++++++++++++++-----------------
 1 file changed, 24 insertions(+), 17 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index ccfe3e6..7c4c5a3 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { Sparkles } from "lucide-react";
+import { Phone, Mail, MessageCircle } from "lucide-react";
 
 export default function AboutPage() {
   return (
@@ -33,21 +33,28 @@ export default function AboutPage() {
         />
       </div>
 
-      <div id="demo-website" data-section="demo-website">
-        <MetricSplitMediaAbout
-          tag="Low-Friction Path to Results"
-          tagIcon={Sparkles}
-          title="See a Free Demo Website for Your Business"
-          description="We'll create a quick demo website concept tailored to your business to show you what's possible. No commitment needed. Just give us your business name and city, we'll build a sample website in our style, and walk you through it. See your potential before deciding to move forward."
-          metrics={[
-            { value: "24-48 hrs", title: "Turnaround Time" },
-            { value: "Free", title: "Demo Website" }
+      <div id="contact" data-section="contact">
+        <ContactFaq
+          ctaTitle="Professional Plan Contact"
+          ctaDescription="Ready for comprehensive creative support? Our $350/mo Professional Plan is designed for businesses scaling their ad campaigns. Get in touch to learn more."
+          ctaButton={{ text: "Send Message", href: "#" }}
+          ctaIcon={MessageCircle}
+          faqs={[
+            {
+              id: "1",              title: "What's included in the Professional Plan?",              content: "The Professional Plan includes 8-12 ad variations monthly, diverse visual angles, copy testing variations, multiple formats and sizes, platform-optimized specifications, and priority support. This is our most popular plan for growing businesses."
+            },
+            {
+              id: "2",              title: "How is this different from the Starter Plan?",              content: "The Professional Plan offers double the creative output, more diverse visual approaches, built-in copy variations for A/B testing, and priority support to ensure your creative needs are always met quickly."
+            },
+            {
+              id: "3",              title: "Do you provide platform optimization?",              content: "Yes, all creative is optimized for platform specifications. We ensure every ad is formatted correctly for Facebook, Instagram, Reels, and other Meta platforms."
+            },
+            {
+              id: "4",              title: "Can I request specific creative themes?",              content: "Absolutely. We work with you to understand your campaign goals and audience, then tailor creative themes and hooks to maximize your ad performance."
+            }
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/a-gorgeous-professional-website-mockup-d-1773240173927-fb2f8a9b.png?_wi=1"
-          imageAlt="Demo website preview mockup"
-          useInvertedBackground={true}
-          mediaAnimation="slide-up"
-          metricsAnimation="slide-up"
+          animationType="slide-up"
+          useInvertedBackground={false}
         />
       </div>
 
@@ -60,4 +67,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1


From 089a48d6a725de490438fb3729cf715fb52e5cb7 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 20 Mar 2026 01:39:21 +0000
Subject: [PATCH 2/6] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 61 ++++++++++++++++++----------------------
 1 file changed, 28 insertions(+), 33 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index c62bab0..0421a2a 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,8 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import ContactFaq from '@/components/sections/contact/ContactFaq';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { Phone, Mail, MessageCircle } from "lucide-react";
 
 export default function ContactPage() {
   return (
@@ -33,43 +34,37 @@ export default function ContactPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactSplit
-          tag="Get In Touch"
-          title="Let's Talk About Your Project"
-          description="We'd love to hear from you. Reach out to us directly with any questions or to discuss how we can help grow your business."
-          background={{ variant: "sparkles-gradient" }}
+        <ContactFaq
+          ctaTitle="Starter Plan Contact"
+          ctaDescription="Interested in our $200/mo ad creative package? Fill out the form below and we'll get back to you within 24 hours."
+          ctaButton={{ text: "Send Message", href: "#" }}
+          ctaIcon={MessageCircle}
+          faqs={[
+            {
+              id: "1",              title: "What's included in the Starter Plan?",              content: "The Starter Plan includes 4-6 ad variations monthly with multiple hooks and angles, primary ad text and headlines, correct ad sizes and formats, and assets ready to upload. Perfect for businesses just getting started with paid advertising."
+            },
+            {
+              id: "2",              title: "How often do I receive new creative?",              content: "New creative is delivered monthly, giving you fresh angles and variations to test different messaging and visual approaches with your audience."
+            },
+            {
+              id: "3",              title: "Can I upgrade or downgrade anytime?",              content: "Yes, you can upgrade to our Professional or Enterprise plans at any time, or downgrade as needed. We offer flexible month-to-month billing."
+            },
+            {
+              id: "4",              title: "What if I need revisions?",              content: "We include revision rounds in our service. Let us know what adjustments you need and we'll refine the creative to better match your vision."
+            }
+          ]}
+          animationType="slide-up"
           useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/a-modern-clean-website-design-mockup-dis-1773240171755-25981f6a.png?_wi=2"
-          imageAlt="Contact form illustration"
-          mediaAnimation="slide-up"
-          mediaPosition="right"
-          inputPlaceholder="Enter your email"
-          buttonText="Send Message"
-          termsText="By contacting us, you agree to our Terms and Conditions."
-          onSubmit={(email) => console.log('Contact form submitted:', email)}
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterBaseReveal
-          columns={[
-            {
-              title: "Company",              items: [
-                { label: "About", href: "#" },
-                { label: "Services", href: "#" },
-                { label: "Contact", href: "#" }
-              ]
-            },
-            {
-              title: "Legal",              items: [
-                { label: "Privacy Policy", href: "#" },
-                { label: "Terms of Service", href: "#" }
-              ]
-            }
-          ]}
-          copyrightText="© 2026 Convrsn. All rights reserved."
+        <FooterLogoReveal
+          logoText="Convrsn"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Terms of Service", href: "#" }}
         />
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1


From 938898a329933d34be5cfeb50446d2542f564eca Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 20 Mar 2026 01:39:21 +0000
Subject: [PATCH 3/6] Add src/app/enterprise/page.tsx

---
 src/app/enterprise/page.tsx | 73 +++++++++++++++++++++++++++++++++++++
 1 file changed, 73 insertions(+)
 create mode 100644 src/app/enterprise/page.tsx

diff --git a/src/app/enterprise/page.tsx b/src/app/enterprise/page.tsx
new file mode 100644
index 0000000..7de83ec
--- /dev/null
+++ b/src/app/enterprise/page.tsx
@@ -0,0 +1,73 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactFaq from '@/components/sections/contact/ContactFaq';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { Phone, Mail, MessageCircle } from "lucide-react";
+
+export default function EnterprisePage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="compact"
+      sizing="mediumLarge"
+      background="circleGradient"
+      cardStyle="soft-shadow"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="Convrsn"
+          navItems={[
+            { name: "Services", id: "services" },
+            { name: "Process", id: "process" },
+            { name: "For", id: "for" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactFaq
+          ctaTitle="Enterprise Plan Contact"
+          ctaDescription="Our $500/mo Enterprise Plan is designed for scaling brands that need maximum creative output and strategic support. Let's discuss how we can fuel your growth."
+          ctaButton={{ text: "Send Message", href: "#" }}
+          ctaIcon={MessageCircle}
+          faqs={[
+            {
+              id: "1",              title: "What's included in the Enterprise Plan?",              content: "The Enterprise Plan includes 15+ ad variations monthly, A/B testing frameworks, both video and static assets, campaign-specific creative tailored to your offer and audience, dedicated creative support, and structured revision rounds included. This is our premium offering for brands serious about scaling."
+            },
+            {
+              id: "2",              title: "Do you create video content?",              content: "Yes, the Enterprise Plan includes video and static assets. We produce professional video ads alongside static creative to give you diverse formats for testing and optimization."
+            },
+            {
+              id: "3",              title: "What does A/B testing framework mean?",              content: "We structure your creative with A/B testing in mind, providing variations that test different hooks, angles, headlines, and visuals. This helps you identify what resonates best with your audience and optimize your ad spend."
+            },
+            {
+              id: "4",              title: "How does dedicated support work?",              content: "You get a dedicated creative team member who understands your business, audience, and goals. They're your point of contact for faster turnarounds, strategic recommendations, and priority revision rounds."
+            },
+            {
+              id: "5",              title: "Can creative be tailored to specific campaigns?",              content: "Absolutely. With the Enterprise Plan, we create campaign-specific creative tailored to your particular offer and target audience. Every variation is strategically designed for maximum impact."
+            }
+          ]}
+          animationType="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Convrsn"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Terms of Service", href: "#" }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
-- 
2.49.1


From 6bade74bf369f297cda5511218e1ac59582f4766 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 20 Mar 2026 01:39:22 +0000
Subject: [PATCH 4/6] Update src/app/page.tsx

---
 src/app/page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8fcef8a..57f2a7b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -174,12 +174,12 @@ export default function LandingPage() {
             },
             {
               id: "professional",              badge: "Most Popular",              badgeIcon: Zap,
-              price: "$350/mo",              subtitle: "Comprehensive creative support",              buttons: [{ text: "Get Started", href: "/contact" }],
+              price: "$350/mo",              subtitle: "Comprehensive creative support",              buttons: [{ text: "Get Started", href: "/about" }],
               features: ["8-12 ad variations", "Diverse visual angles", "Copy testing variations", "Multiple formats and sizes", "Platform-optimized specs", "Priority support"]
             },
             {
               id: "enterprise",              badge: "For Scaling Brands",              badgeIcon: Rocket,
-              price: "$500/mo",              subtitle: "Maximum creative output and strategy",              buttons: [{ text: "Get Started", href: "/contact" }],
+              price: "$500/mo",              subtitle: "Maximum creative output and strategy",              buttons: [{ text: "Get Started", href: "/enterprise" }],
               features: ["15+ ad variations monthly", "A/B testing frameworks", "Video and static assets", "Campaign-specific creative", " Creative tailored to your offer and audience", "Dedicated creative support", "Structured revision rounds included  "]
             }
           ]}
@@ -227,4 +227,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1


From c839ad755f897c82205aad419fe7d0c6ea8cfa91 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 20 Mar 2026 01:39:22 +0000
Subject: [PATCH 5/6] Add src/app/professional-tier/page.tsx

---
 src/app/professional-tier/page.tsx | 150 +++++++++++++++++++++++++++++
 1 file changed, 150 insertions(+)
 create mode 100644 src/app/professional-tier/page.tsx

diff --git a/src/app/professional-tier/page.tsx b/src/app/professional-tier/page.tsx
new file mode 100644
index 0000000..7573146
--- /dev/null
+++ b/src/app/professional-tier/page.tsx
@@ -0,0 +1,150 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { Zap, CheckCircle, Sparkles } from "lucide-react";
+
+export default function ProfessionalTierPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="compact"
+      sizing="mediumLarge"
+      background="circleGradient"
+      cardStyle="soft-shadow"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="Convrsn"
+          navItems={[
+            { name: "Services", id: "/" },
+            { name: "Process", id: "/" },
+            { name: "For", id: "/" },
+            { name: "Starter Tier", id: "/starter-tier" },
+            { name: "Professional Tier", id: "/professional-tier" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" }
+          ]}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboard
+          title="Professional Tier - Ad Creative Bundle"
+          description="Our most popular package for growing brands. Get comprehensive ad creative support with double the variations, copy testing, and priority support to scale your campaigns."
+          background={{ variant: "sparkles-gradient" }}
+          tag="$350/month"
+          tagIcon={Zap}
+          buttons={[
+            { text: "Get Started with Professional", href: "#contact-form" },
+            { text: "Back to Pricing", href: "/" }
+          ]}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/a-modern-clean-website-design-mockup-dis-1773240171755-25981f6a.png?_wi=1"
+          imageAlt="Professional tier ad creative overview"
+          mediaAnimation="slide-up"
+        />
+      </div>
+
+      <div id="features" data-section="features">
+        <FeatureCardEight
+          title="What's Included in Professional Tier"
+          description="Double the creative output, comprehensive testing frameworks, and priority support to help you scale your ad campaigns confidently."
+          tag="Tier Benefits"
+          tagIcon={CheckCircle}
+          features={[
+            {
+              id: 1,
+              title: "8-12 Ad Variations Monthly",              description: "Nearly double the creative options from Starter. Get more testing possibilities and maintain campaign freshness across multiple audience segments.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/illustration-showing-website-design-elem-1773240172578-a3c8c2d4.png"
+            },
+            {
+              id: 2,
+              title: "Diverse Visual Angles",              description: "Multiple photography styles, design approaches, and visual treatments to appeal to different audience segments and preferences.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/clean-illustration-showing-audience-targ-1773240173056-7ab9eeb8.png"
+            },
+            {
+              id: 3,
+              title: "Copy Testing Variations",              description: "Multiple ad copy and headline variations designed to test different value propositions, pain points, and CTAs with your audience.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/illustration-of-creative-content-product-1773240172341-89b17938.png"
+            },
+            {
+              id: 4,
+              title: "Platform-Optimized Specs",              description: "Creatives optimized for all major ad platforms and placements. Facebook, Instagram, Reels - all delivered in perfect specifications.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/clean-illustration-showing-business-grow-1773240171504-de7950b3.png"
+            },
+            {
+              id: 5,
+              title: "Multiple Formats & Sizes",              description: "Static images, carousel ads, video ads in multiple formats to test what drives best performance for your specific campaigns.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/tmp/professional-local-contractor-standing-n-1773326968021-51e00a46.png"
+            },
+            {
+              id: 6,
+              title: "Priority Support",              description: "Direct line to your creative team. Fast turnarounds on revisions and ongoing strategic guidance to optimize your ad performance.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/tmp/modern-barber-or-aesthetic-professional--1773327044104-512242e1.png"
+            }
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="ideal-for" data-section="ideal-for">
+        <FeatureCardEight
+          title="Ideal For"
+          description="The Professional Tier is designed for growing businesses ready to scale their ad spend and need comprehensive creative support."
+          tag="Best For"
+          tagIcon={Sparkles}
+          features={[
+            {
+              id: 1,
+              title: "Scaling E-Commerce Brands",              description: "Running consistent ad budgets and ready to test multiple creative approaches? Get the variety and support you need to find winning ads.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/clean-modern-workspace-with-product-pack-1773327115199-5b2b44d1.png"
+            },
+            {
+              id: 2,
+              title: "Growth-Phase Agencies",              description: "Serve multiple clients with consistent monthly creative delivery. Get reliable, quality output to maintain client satisfaction and retention.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/tmp/confident-business-professional-working--1773327576054-cf3ce66b.png"
+            },
+            {
+              id: 3,
+              title: "Businesses with Proven PMF",              description: "You know your model works. Now you need professional creative support to scale acquisition without bottlenecking on in-house production.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/clean-illustration-showing-business-grow-1773240171504-de7950b3.png"
+            }
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={true}
+        />
+      </div>
+
+      <div id="contact-form" data-section="contact-form">
+        <ContactSplitForm
+          title="Start with Professional Tier"
+          description="Ready to level up your ad creative? Tell us about your campaigns and goals. We'll work with you to develop a comprehensive creative strategy tailored to your business."
+          inputs={[
+            { name: "businessName", type: "text", placeholder: "Business Name", required: true },
+            { name: "email", type: "email", placeholder: "Email Address", required: true },
+            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
+            { name: "currentAdSpend", type: "text", placeholder: "Current Monthly Ad Spend (optional)", required: false }
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Describe your current ad campaigns, what's working, and where you need more creative options...",            rows: 5,
+            required: true
+          }}
+          buttonText="Get Started with Professional Tier"
+          useInvertedBackground={false}
+          mediaAnimation="slide-up"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/a-gorgeous-professional-website-mockup-d-1773240173927-fb2f8a9b.png?_wi=1"
+          imageAlt="Professional tier signup"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Convrsn"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Terms of Service", href: "#" }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
-- 
2.49.1


From 2a24b0dbdef459ccbbc22440252c75ba7b4d8f19 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 20 Mar 2026 01:39:23 +0000
Subject: [PATCH 6/6] Add src/app/starter-tier/page.tsx

---
 src/app/starter-tier/page.tsx | 142 ++++++++++++++++++++++++++++++++++
 1 file changed, 142 insertions(+)
 create mode 100644 src/app/starter-tier/page.tsx

diff --git a/src/app/starter-tier/page.tsx b/src/app/starter-tier/page.tsx
new file mode 100644
index 0000000..768ce92
--- /dev/null
+++ b/src/app/starter-tier/page.tsx
@@ -0,0 +1,142 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { Zap, CheckCircle, Sparkles } from "lucide-react";
+
+export default function StarterTierPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="compact"
+      sizing="mediumLarge"
+      background="circleGradient"
+      cardStyle="soft-shadow"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="Convrsn"
+          navItems={[
+            { name: "Services", id: "/" },
+            { name: "Process", id: "/" },
+            { name: "For", id: "/" },
+            { name: "Starter Tier", id: "/starter-tier" },
+            { name: "Professional Tier", id: "/professional-tier" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" }
+          ]}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboard
+          title="Starter Tier - Ad Creative Bundle"
+          description="Perfect for businesses just getting started with ad creative. Get fresh, conversion-focused ad variations every month to keep your campaigns competitive and engaging."
+          background={{ variant: "sparkles-gradient" }}
+          tag="$200/month"
+          tagIcon={Zap}
+          buttons={[
+            { text: "Get Started with Starter", href: "#contact-form" },
+            { text: "Back to Pricing", href: "/" }
+          ]}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/a-modern-clean-website-design-mockup-dis-1773240171755-25981f6a.png?_wi=1"
+          imageAlt="Starter tier ad creative overview"
+          mediaAnimation="slide-up"
+        />
+      </div>
+
+      <div id="features" data-section="features">
+        <FeatureCardEight
+          title="What's Included in Starter Tier"
+          description="Everything you need to launch your first ad creative production cycle and start testing what works for your audience."
+          tag="Tier Benefits"
+          tagIcon={CheckCircle}
+          features={[
+            {
+              id: 1,
+              title: "4-6 Ad Variations",              description: "Multiple creative options each month with different visual styles and messaging angles to test what resonates with your audience.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/illustration-showing-website-design-elem-1773240172578-a3c8c2d4.png"
+            },
+            {
+              id: 2,
+              title: "Multiple Hooks and Angles",              description: "Different opening statements and visual approaches to capture attention and drive engagement. Perfect for A/B testing.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/clean-illustration-showing-audience-targ-1773240173056-7ab9eeb8.png"
+            },
+            {
+              id: 3,
+              title: "Ready-to-Upload Specs",              description: "All creatives delivered in correct ad sizes and formats optimized for Facebook and Instagram. No technical adjustments needed.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/illustration-of-creative-content-product-1773240172341-89b17938.png"
+            },
+            {
+              id: 4,
+              title: "Primary Ad Copy & Headlines",              description: "Professionally written ad text and headlines tailored to your business, with variations to test different messaging angles.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/clean-illustration-showing-business-grow-1773240171504-de7950b3.png"
+            }
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="ideal-for" data-section="ideal-for">
+        <FeatureCardEight
+          title="Ideal For"
+          description="The Starter Tier is perfect if you're just beginning your ad creative journey and want to test what works before scaling up."
+          tag="Best For"
+          tagIcon={Sparkles}
+          features={[
+            {
+              id: 1,
+              title: "Bootstrapping Startups",              description: "Get professional creative production at a lean budget. Test campaigns with limited ad spend while validating your market.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/tmp/professional-local-contractor-standing-n-1773326968021-51e00a46.png"
+            },
+            {
+              id: 2,
+              title: "Testing New Markets",              description: "Launching in a new niche or trying new audiences? Get fresh creative angles monthly to test different approaches.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/tmp/modern-barber-or-aesthetic-professional--1773327044104-512242e1.png"
+            },
+            {
+              id: 3,
+              title: "Service Businesses",              description: "Local service providers who need consistent fresh ads without the overhead of in-house creative production.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/clean-modern-workspace-with-product-pack-1773327115199-5b2b44d1.png"
+            }
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={true}
+        />
+      </div>
+
+      <div id="contact-form" data-section="contact-form">
+        <ContactSplitForm
+          title="Start with Starter Tier"
+          description="Tell us about your business and what you're looking to achieve with ad creative. We'll get you set up and start producing custom creatives tailored to your brand."
+          inputs={[
+            { name: "businessName", type: "text", placeholder: "Business Name", required: true },
+            { name: "email", type: "email", placeholder: "Email Address", required: true },
+            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
+            { name: "industry", type: "text", placeholder: "Industry or Service", required: true }
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Tell us about your current ad strategy and what you hope to achieve with monthly creative production...",            rows: 5,
+            required: true
+          }}
+          buttonText="Get Started with Starter Tier"
+          useInvertedBackground={false}
+          mediaAnimation="slide-up"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/a-gorgeous-professional-website-mockup-d-1773240173927-fb2f8a9b.png?_wi=1"
+          imageAlt="Starter tier signup"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Convrsn"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Terms of Service", href: "#" }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
-- 
2.49.1