Update src/app/page.tsx

Merge version_8 into main

src/app/page.tsx

@@ -2,6 +2,8 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { useState } from "react";
+import { Sparkles, LayoutGrid, Zap } from "lucide-react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
@@ -11,9 +13,11 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import TextAbout from '@/components/sections/about/TextAbout';
+import Input from '@/components/form/Input';
 
 export default function LandingPage() {
+  const [url, setUrl] = useState("");
+
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -32,7 +36,6 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         { name: "How it Works", id: "#how-it-works" },
-        { name: "Features", id: "#features" },
         { name: "Pricing", id: "#pricing" },
         { name: "FAQ", id: "#faq" },
       ]}
@@ -59,6 +62,22 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="make" data-section="make" className="py-16 px-4 max-w-4xl mx-auto space-y-8">
+    <div className="bg-card p-8 rounded-2xl shadow-lg border">
+      <h2 className="text-3xl font-bold mb-4">Create Your Website</h2>
+      <Input value={url} onChange={setUrl} placeholder="Paste your Google Maps URL here..." />
+      
+      <div className="mt-8 space-y-4">
+        <h3 className="font-semibold">Select Style</h3>
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+          <button className="p-4 border rounded-xl hover:border-primary transition">Random Style</button>
+          <button className="p-4 border rounded-xl hover:border-primary transition">Modern Minimal</button>
+          <button className="p-4 border rounded-xl hover:border-primary transition">Bold & Vibrant</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
@@ -67,7 +86,7 @@ export default function LandingPage() {
       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" },
+        { text: "Start with a Maps URL", href: "/payment" },
       ]}
     />
   </div>
@@ -105,13 +124,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="features" data-section="features">
-      <TextAbout
-      useInvertedBackground={false}
-      title="Trusted by Local Business Founders"
-    />
-  </div>
-
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFive
       textboxLayout="split"
@@ -177,15 +189,12 @@ export default function LandingPage() {
       columns={[
         {
           title: "Product", items: [
-            { label: "Features", href: "#features" },
             { label: "Pricing", href: "#pricing" },
             { label: "FAQ", href: "#faq" },
           ],
         },
         {
           title: "Company", items: [
-            { label: "About Us", href: "/#" },
-            { label: "Careers", href: "/#" },
             { label: "Contact", href: "#contact" },
           ],
         },

src/app/payment/page.tsx

@@ -29,7 +29,6 @@ export default function PaymentPage() {
             <NavbarLayoutFloatingInline
               navItems={[
                 { name: "How it Works", id: "/#how-it-works" },
-                { name: "Features", id: "/#features" },
                 { name: "Pricing", id: "/#pricing" },
                 { name: "FAQ", id: "/#faq" },
               ]}
@@ -61,8 +60,8 @@ export default function PaymentPage() {
         <div id="footer" data-section="footer">
             <FooterBase
               columns={[
-                { title: "Product", items: [{ label: "Features", href: "/#features" }, { label: "Pricing", href: "/#pricing" }, { label: "FAQ", href: "/#faq" }] },
-                { title: "Company", items: [{ label: "About Us", href: "/#" }, { label: "Careers", href: "/#" }, { label: "Contact", href: "/#contact" }] },
+                { title: "Product", items: [{ label: "Pricing", href: "/#pricing" }, { label: "FAQ", href: "/#faq" }] },
+                { title: "Company", items: [{ label: "Contact", href: "/#contact" }] },
                 { title: "Legal", items: [{ label: "Privacy Policy", href: "/#" }, { label: "Terms of Service", href: "/#" }] },
               ]}
               logoText="Place2Page"