Merge version_13 into main

Update src/app/payment/page.tsx
2026-05-08 05:38:38 +00:00 · 2026-05-08 05:38:35 +00:00 · 2026-05-08 05:38:35 +00:00 · 2026-05-08 05:33:16 +00:00 · 2026-05-08 05:33:13 +00:00 · 2026-05-08 05:30:33 +00:00
4 changed files with 110 additions and 65 deletions
--- a/src/app/make/page.tsx
+++ b/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>
+  );
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,7 +11,6 @@ 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';

 export default function LandingPage() {
  return (
@@ -31,18 +30,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: "Make", id: "/make" },
+        { name: "How it Works", id: "#how-it-works" },
+        { 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 +45,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 +58,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 with a Maps URL", href: "/make" },
+      ]}
+    />
+  </div>
+
  <div id="how-it-works" data-section="how-it-works">
      <FeatureBento
      animationType="slide-up"
@@ -72,21 +78,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" },
@@ -98,17 +104,6 @@ export default function LandingPage() {
    />
  </div>

-  <div id="features" data-section="features">
-      <TextAbout
-      useInvertedBackground={false}
-      title="Powerful AI Engine"
-      buttons={[
-        {
-          text: "See All Features"},
-      ]}
-    />
-  </div>
-
  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="split"
@@ -132,10 +127,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 +143,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 +164,22 @@ 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: [
-            { label: "Features", href: "#features" },
+          title: "Product", items: [
            { label: "Pricing", href: "#pricing" },
            { label: "FAQ", href: "#faq" },
          ],
        },
        {
-          title: "Company",          items: [
-            { label: "About Us", href: "/#" },
-            { label: "Careers", href: "/#" },
+          title: "Company", items: [
            { label: "Contact", href: "#contact" },
          ],
        },
        {
-          title: "Legal",          items: [
+          title: "Legal", items: [
            { label: "Privacy Policy", href: "/#" },
            { label: "Terms of Service", href: "/#" },
          ],
--- a/src/app/payment/page.tsx
+++ b/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...");
  };

@@ -29,8 +28,8 @@ 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: "Features", id: "/#features" },
                { name: "Pricing", id: "/#pricing" },
                { name: "FAQ", id: "/#faq" },
              ]}
@@ -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"]
              }
            ]}
@@ -62,8 +61,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"
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #f7f6f7;
-  --card: #ffffff;
-  --foreground: #25190c;
-  --primary-cta: #ff6207;
-  --primary-cta-text: #f7f6f7;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #25190c;
-  --accent: #ffce93;
-  --background-accent: #e8cfa8;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000612e6;
+  --primary-cta: #15479c;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000612e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	70291673a0	Merge version_13 into main Merge version_13 into main	2026-05-08 05:38:38 +00:00
bender	25a9884bcf	Update src/app/payment/page.tsx	2026-05-08 05:38:35 +00:00
bender	c91c5ae9b0	Update src/app/page.tsx	2026-05-08 05:38:35 +00:00
bender	c4b1610f7f	Merge version_12 into main Merge version_12 into main	2026-05-08 05:33:16 +00:00
bender	e0176866a9	Update src/app/make/page.tsx	2026-05-08 05:33:13 +00:00
bender	ab36471b80	Merge version_11 into main Merge version_11 into main	2026-05-08 05:30:33 +00:00
bender	9458b3ac40	Update src/app/make/page.tsx	2026-05-08 05:30:30 +00:00
bender	e7272ced23	Merge version_10 into main Merge version_10 into main	2026-05-08 05:27:57 +00:00
bender	b265e968c4	Update src/app/payment/page.tsx	2026-05-08 05:27:54 +00:00
bender	999684ae8a	Update src/app/page.tsx	2026-05-08 05:27:54 +00:00
bender	9809f33409	Add src/app/make/page.tsx	2026-05-08 05:27:54 +00:00
bender	799c671fb4	Merge version_9 into main Merge version_9 into main	2026-05-08 05:24:28 +00:00
bender	6af842a231	Update src/app/page.tsx	2026-05-08 05:24:22 +00:00
bender	671b900c90	Merge version_8 into main Merge version_8 into main	2026-05-08 05:18:05 +00:00
bender	b91a68f526	Update src/app/payment/page.tsx	2026-05-08 05:18:02 +00:00
bender	eb2098f82a	Update src/app/page.tsx	2026-05-08 05:18:01 +00:00
bender	19b888d340	Merge version_7 into main Merge version_7 into main	2026-05-08 05:09:15 +00:00
bender	2132176378	Update theme colors	2026-05-08 05:09:12 +00:00
bender	5a2b636cb7	Merge version_6 into main Merge version_6 into main	2026-05-08 05:08:13 +00:00
bender	01dc1fcea0	Update src/app/payment/page.tsx	2026-05-08 05:08:10 +00:00
bender	7b0c88aad7	Update src/app/page.tsx	2026-05-08 05:08:10 +00:00
bender	d4f140df46	Merge version_5 into main Merge version_5 into main	2026-05-08 05:01:51 +00:00