Update src/app/payment/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -31,18 +31,13 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "How it Works",          id: "#how-it-works"},
-        {
-          name: "Features",          id: "#features"},
-        {
-          name: "Pricing",          id: "#pricing"},
-        {
-          name: "FAQ",          id: "#faq"},
+        { name: "How it Works", id: "#how-it-works" },
+        { name: "Features", id: "#features" },
+        { name: "Pricing", id: "#pricing" },
+        { name: "FAQ", id: "#faq" },
       ]}
       brandName="Place2Page"
-      button={{
-        text: "Get Started",        href: "/payment"}}
+      button={{ text: "Get Started", href: "/payment" }}
     />
   </div>
 
@@ -51,8 +46,7 @@ export default function LandingPage() {
       logoText="Place2Page"
       description="Turn your Google Maps listing into a professional, SEO-optimized website instantly—no coding, no designers, no headaches. Let AI do the heavy lifting while you focus on your business."
       buttons={[
-        {
-          text: "Start Free for 30 Days",          href: "/payment"},
+        { text: "Start Free for 30 Days", href: "/payment" },
       ]}
       slides={[
         { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/a-futuristic-ai-powered-dashboard-interf-1778205391570-f4e98867.png?_wi=1", imageAlt: "Dashboard preview" },
@@ -65,6 +59,19 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="contact" data-section="contact">
+      <ContactCTA
+      useInvertedBackground={false}
+      background={{ variant: "sparkles-gradient" }}
+      tag="Ready to get started?"
+      title="Launch Your Site Today"
+      description="Stop struggling with web development and join the future of local business."
+      buttons={[
+        { text: "Start 30-Day Free Trial", href: "/payment" },
+      ]}
+    />
+  </div>
+
   <div id="how-it-works" data-section="how-it-works">
       <FeatureBento
       animationType="slide-up"
@@ -72,21 +79,21 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Copy Maps Link",          description: "Grab your existing business URL from Google Maps.",          bentoComponent: "media-stack",          items: [
+          title: "Copy Maps Link", description: "Grab your existing business URL from Google Maps.", bentoComponent: "media-stack", items: [
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/an-illustration-showing-a-user-copying-a-1778205398915-b342abda.png?_wi=1", imageAlt: "Step 1" },
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/an-illustration-showing-a-user-copying-a-1778205477429-83e8a8c4.png", imageAlt: "Step 1" },
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/an-illustration-showing-a-user-copying-a-1778205486261-92cf6a54.png", imageAlt: "Step 1" },
           ]
         },
         {
-          title: "AI Magic",          description: "Paste it into Place2Page and watch our AI build your site.",          bentoComponent: "media-stack",          items: [
+          title: "AI Magic", description: "Paste it into Place2Page and watch our AI build your site.", bentoComponent: "media-stack", items: [
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/an-illustration-showing-ai-processing-th-1778205407339-e99e664f.png?_wi=1", imageAlt: "Step 2" },
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/an-illustration-showing-ai-processing-th-1778205495442-cd89e88d.png", imageAlt: "Step 2" },
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/an-illustration-showing-ai-processing-th-1778205505462-e7d84244.png", imageAlt: "Step 2" },
           ]
         },
         {
-          title: "Go Live",          description: "Publish your professional, SEO-ready website instantly.",          bentoComponent: "media-stack",          items: [
+          title: "Go Live", description: "Publish your professional, SEO-ready website instantly.", bentoComponent: "media-stack", items: [
             { imageSrc: "http://img.b2bpic.net/free-photo/female-white-suit-sitting-table-with-her-laptop-near-green-bushes_181624-23858.jpg", imageAlt: "Step 3" },
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/an-illustration-of-a-beautiful-live-webs-1778205515348-feecac2b.png", imageAlt: "Step 3" },
             { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/an-illustration-of-a-beautiful-live-webs-1778205523861-0547b204.png", imageAlt: "Step 3" },
@@ -101,11 +108,7 @@ export default function LandingPage() {
   <div id="features" data-section="features">
       <TextAbout
       useInvertedBackground={false}
-      title="Powerful AI Engine"
-      buttons={[
-        {
-          text: "See All Features"},
-      ]}
+      title="Trusted by Local Business Founders"
     />
   </div>
 
@@ -132,10 +135,10 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",          badge: "Basic",          price: "$0/mo",          subtitle: "Essential tools for getting started.",          features: [ "Basic listing page", "AI content generation", "Standard support" ]
+          id: "basic", badge: "Basic", price: "$0/mo", subtitle: "Essential tools for getting started.", features: [ "Basic listing page", "AI content generation", "Standard support" ]
         },
         {
-          id: "core",          badge: "Core",          price: "$4.99/mo",          subtitle: "Enhanced tools for growth.",          features: [ "Everything in Basic", "Custom domain support", "Priority support" ]
+          id: "core", badge: "Core", price: "$4.99/mo", subtitle: "Enhanced tools for growth.", features: [ "Everything in Basic", "Custom domain support", "Priority support" ]
         },
       ]}
       title="Affordable Plans for Growing Businesses"
@@ -148,7 +151,7 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       names={[
-        "Google Maps",        "Local SEO",        "AI Engine",        "Verified Trust",        "Mobile First",        "Global Reach",        "Fast Load"]}
+        "Google Maps", "Local SEO", "AI Engine", "Verified Trust", "Mobile First", "Global Reach", "Fast Load"]}
       title="Supporting Your Local Growth"
       description="Powered by leading tech integrations."
     />
@@ -169,39 +172,25 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{ variant: "sparkles-gradient" }}
-      tag="Ready to get started?"
-      title="Launch Your Site Today"
-      description="Stop struggling with web development and join the future of local business."
-      buttons={[
-        {
-          text: "Start 30-Day Free Trial",          href: "/payment"},
-      ]}
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
         {
-          title: "Product",          items: [
+          title: "Product", items: [
             { label: "Features", href: "#features" },
             { label: "Pricing", href: "#pricing" },
             { label: "FAQ", href: "#faq" },
           ],
         },
         {
-          title: "Company",          items: [
+          title: "Company", items: [
             { label: "About Us", href: "/#" },
             { label: "Careers", href: "/#" },
             { label: "Contact", href: "#contact" },
           ],
         },
         {
-          title: "Legal",          items: [
+          title: "Legal", items: [
             { label: "Privacy Policy", href: "/#" },
             { label: "Terms of Service", href: "/#" },
           ],
@@ -213,4 +202,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/payment/page.tsx

@@ -8,7 +8,6 @@ import FooterBase from '@/components/sections/footer/FooterBase';
 
 export default function PaymentPage() {
   const handlePayment = () => {
-    // Simulated payment trigger for standard methods (Visa, Mastercard)
     alert("Opening secure payment gateway for Visa / Mastercard...");
   };
 
@@ -48,11 +47,11 @@ export default function PaymentPage() {
             description="Select the perfect plan to get your local business online."
             plans={[
               {
-                id: "basic",                badge: "Basic",                price: "$0/mo",                subtitle: "Essential tools for getting started.",                buttons: [{ text: "Get Started", onClick: handlePayment }],
+                id: "basic", badge: "Basic", price: "$0/mo", subtitle: "Essential tools for getting started.", buttons: [{ text: "Get Started", onClick: handlePayment }],
                 features: ["Basic listing page", "AI content generation", "Standard support"]
               },
               {
-                id: "core",                badge: "Core",                price: "$4.99/mo",                subtitle: "Enhanced tools for growth.",                buttons: [{ text: "Get Started", onClick: handlePayment }],
+                id: "core", badge: "Core", price: "$4.99/mo", subtitle: "Enhanced tools for growth.", buttons: [{ text: "Get Started", onClick: handlePayment }],
                 features: ["Everything in Basic", "Custom domain support", "Priority support"]
               }
             ]}
@@ -72,4 +71,4 @@ export default function PaymentPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}