Merge version_13 into main

Merge version_13 into main

src/app/make/page.tsx

@@ -0,0 +1,68 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import { useState } from "react";
+import Input from '@/components/form/Input';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function MakePage() {
+  const [url, setUrl] = useState("");
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="large"
+        background="grid"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "How it Works", id: "/#how-it-works" },
+              { name: "Pricing", id: "/#pricing" },
+              { name: "FAQ", id: "/#faq" },
+            ]}
+            brandName="Place2Page"
+            button={{ text: "Get Started", href: "/payment" }}
+          />
+        </div>
+
+        <div className="pt-32 pb-20 px-4 max-w-4xl mx-auto">
+          <div id="make" data-section="make" 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">
+              <button 
+                onClick={() => console.log("Generating page for:", url)}
+                className="w-full py-4 px-6 bg-[var(--primary-cta)] text-[var(--primary-cta-text)] rounded-xl font-semibold hover:opacity-90 transition">
+                Generate the page
+              </button>
+            </div>
+          </div>
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { 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"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -2,8 +2,6 @@
 
 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';
@@ -13,11 +11,8 @@ 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 Input from '@/components/form/Input';
 
 export default function LandingPage() {
-  const [url, setUrl] = useState("");
-
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -35,6 +30,7 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
+        { name: "Make", id: "/make" },
         { name: "How it Works", id: "#how-it-works" },
         { name: "Pricing", id: "#pricing" },
         { name: "FAQ", id: "#faq" },
@@ -62,22 +58,6 @@ 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}
@@ -86,7 +66,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 with a Maps URL", href: "/payment" },
+        { text: "Start with a Maps URL", href: "/make" },
       ]}
     />
   </div>
@@ -211,4 +191,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/payment/page.tsx

@@ -28,6 +28,7 @@ export default function PaymentPage() {
         <div id="nav" data-section="nav">
             <NavbarLayoutFloatingInline
               navItems={[
+                { name: "Make", id: "/make" },
                 { name: "How it Works", id: "/#how-it-works" },
                 { name: "Pricing", id: "/#pricing" },
                 { name: "FAQ", id: "/#faq" },
@@ -70,4 +71,4 @@ export default function PaymentPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}