Update src/app/pricing/page.tsx

Merge version_18 into main

src/app/contact/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { Mail, Rocket } from "lucide-react";
+import { Mail } from "lucide-react";
 
 export default function ContactPage() {
   return (
@@ -27,6 +27,7 @@ export default function ContactPage() {
             { name: "Services", id: "services" },
             { name: "Process", id: "process" },
             { name: "For", id: "for" },
+            { name: "Pricing", id: "/pricing" },
             { name: "About", id: "about" },
             { name: "Contact", id: "/contact" }
           ]}
@@ -37,7 +38,7 @@ export default function ContactPage() {
         <ContactSplit
           tag="Get In Touch"
           tagIcon={Mail}
-          title="See What’s Possible for Your Business "
+          title="See What's Possible for Your Business "
           description="Ready to grow your business? Share your information and let's schedule a call to discuss your needs. Whether you're looking for a website, ads management, creative producti"
           background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
@@ -61,4 +62,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -34,6 +34,7 @@ export default function LandingPage() {
             { name: "Services", id: "services" },
             { name: "Process", id: "process" },
             { name: "For", id: "for" },
+            { name: "Pricing", id: "/pricing" },
             { name: "About", id: "about" },
             { name: "Contact", id: "/contact" }
           ]}
@@ -91,6 +92,21 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="textbox" data-section="textbox">
+        <div style={{
+          maxWidth: "800px",          margin: "0 auto",          padding: "3rem 1.5rem",          textAlign: "center"
+        }}>
+          <h2 style={{
+            fontSize: "2rem",            fontWeight: "700",            marginBottom: "1rem",            color: "var(--foreground)"
+          }}>Welcome to Our Text Box</h2>
+          <p style={{
+            fontSize: "1.125rem",            lineHeight: "1.6",            color: "var(--foreground)",            opacity: "0.9"
+          }}>
+            This is a simple text box section added to the home page. You can add any content you want here, including text, paragraphs, or any other information you'd like to display to your visitors.
+          </p>
+        </div>
+      </div>
+
       <div id="demo-website" data-section="demo-website">
         <MetricSplitMediaAbout
           tag="Low-Friction Path to Results"
@@ -154,12 +170,10 @@ export default function LandingPage() {
               id: "4",              name: "",              price: "",              variant: "",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ai86BRUMbva0WDBhojvh7eeV0v/tmp/confident-business-professional-working--1773327576054-cf3ce66b.png",              imageAlt: "Professional Services Logo"
             }
           ]}
-          gridVariant="uniform-all-items-equal"
+          gridVariant="bento-grid"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={true}
-          cardClassName="flex flex-col h-full overflow-hidden"
-          imageClassName="w-full h-64 object-cover object-center"
         />
       </div>
 
@@ -183,7 +197,7 @@ export default function LandingPage() {
             {
               id: "enterprise",              badge: "For Scaling Brands",              badgeIcon: Zap,
               price: "$500/mo",              subtitle: "Maximum creative output and strategy",              buttons: [{ text: "Get Started", href: "/contact" }],
-              features: ["15+ ad variations monthly", "A/B testing frameworks", "Video and static assets", "Campaign-specific creative", "Unlimited revisions", "Dedicated creative support", "Quarterly strategy sessions"]
+              features: ["15+ ad variations monthly", "A/B testing frameworks", "Video and static assets", "Campaign-specific creative", "Unlimited revisions", "Dedicated creative support", ""]
             }
           ]}
           animationType="slide-up"
@@ -265,4 +279,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/pricing/page.tsx

@@ -0,0 +1,91 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { DollarSign, Sparkles, Star, Zap, Rocket } from "lucide-react";
+
+export default function PricingPage() {
+  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: "Pricing", id: "/pricing" },
+            { name: "About", id: "about" },
+            { name: "Contact", id: "/contact" }
+          ]}
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing">
+        <PricingCardEight
+          title="Ad Creative Pricing"
+          description="Professional monthly ad creative packages to keep your campaigns fresh and competitive. These plans cover ad creative production only. For website design and Meta ads management, please contact us for a custom quote or book a strategy call."
+          tag="Transparent Pricing"
+          tagIcon={DollarSign}
+          plans={[
+            {
+              id: "starter",              badge: "Good for Beginners",              badgeIcon: Sparkles,
+              price: "$200/mo",              subtitle: "Fresh creative angles monthly",              buttons: [{ text: "Get Started", href: "/contact" }],
+              features: ["4-6 ad variations", "Multiple hooks and angles", "Primary ad text and headlines", "Correct ad sizes and formats", "Ready to upload"]
+            },
+            {
+              id: "professional",              badge: "Most Popular",              badgeIcon: Star,
+              price: "$350/mo",              subtitle: "Comprehensive creative support",              buttons: [{ text: "Get Started", href: "/contact" }],
+              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: Zap,
+              price: "$500/mo",              subtitle: "Maximum creative output and strategy",              buttons: [{ text: "Get Started", href: "/contact" }],
+              features: ["15+ ad variations monthly", "A/B testing frameworks", "Video and static assets", "Campaign-specific creative", "Unlimited revisions", "Dedicated creative support"]
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCTA
+          tag="Ready to Grow?"
+          tagIcon={Rocket}
+          title="Start Getting More Customers Today"
+          description="Let's discuss your customer acquisition goals and build a strategy that brings you results. Whether you need a website, ads, creative, or a complete system, we're ready to help."
+          buttons={[
+            { text: "Request Your Free Demo Website", href: "/contact" },
+            { text: "Schedule a Call", href: "/contact" }
+          ]}
+          background={{ variant: "sparkles-gradient" }}
+          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>
+  );
+}