bender/87dd2010-fdee-45f9-8985-f1d6e2915f03
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main

Browse Source 
Merge version_3 into main
This commit was merged in pull request #5.
This commit is contained in:
bender
2026-05-08 04:50:19 +00:00
parent 66df6726a3 3aac3de78b
commit 44e4441bd5
2 changed files with 100 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

110
src/app/page.tsx
View File

@@ -42,7 +42,7 @@ export default function LandingPage() {
]}
brandName="Place2Page"
button={{
text: "Get Started", href: "#contact"}}
text: "Get Started", href: "/payment"}}
/>
</div>
@@ -52,21 +52,15 @@ export default function LandingPage() {
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: "#contact"},
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"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/a-futuristic-ai-powered-dashboard-interf-1778205432290-afecacb1.png", imageAlt: "Dashboard preview"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/a-futuristic-ai-powered-dashboard-interf-1778205441049-5b0dee05.png", imageAlt: "Dashboard preview"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/a-futuristic-ai-powered-dashboard-interf-1778205450561-4a357aa8.png", imageAlt: "Dashboard preview"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/a-futuristic-ai-powered-dashboard-interf-1778205459007-6f781846.png", imageAlt: "Dashboard preview"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/a-futuristic-ai-powered-dashboard-interf-1778205467883-d5259473.png", imageAlt: "Dashboard preview"},
{ 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" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/a-futuristic-ai-powered-dashboard-interf-1778205432290-afecacb1.png", imageAlt: "Dashboard preview" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/a-futuristic-ai-powered-dashboard-interf-1778205441049-5b0dee05.png", imageAlt: "Dashboard preview" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/a-futuristic-ai-powered-dashboard-interf-1778205450561-4a357aa8.png", imageAlt: "Dashboard preview" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/a-futuristic-ai-powered-dashboard-interf-1778205459007-6f781846.png", imageAlt: "Dashboard preview" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/a-futuristic-ai-powered-dashboard-interf-1778205467883-d5259473.png", imageAlt: "Dashboard preview" },
]}
/>
</div>
@@ -79,32 +73,23 @@ export default function LandingPage() {
features={[
{
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"},
{ 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: [
{
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"},
{ 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: [
{
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"},
{ 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" },
]
},
]}
@@ -129,16 +114,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Sarah Johnson", date: "Jan 2024", title: "Cafe Owner", quote: "Place2Page saved me hours of web development stress.", tag: "Verified User", avatarSrc: "http://img.b2bpic.net/free-photo/female-white-suit-sitting-table-with-her-laptop-near-green-bushes_181624-23858.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/a-futuristic-ai-powered-dashboard-interf-1778205391570-f4e98867.png?_wi=2", imageAlt: "happy cafe business owner portrait"},
{
id: "2", name: "Michael Chen", date: "Feb 2024", title: "Restaurant Manager", quote: "My SEO improved dramatically in one week.", tag: "Verified User", avatarSrc: "http://img.b2bpic.net/free-photo/african-american-man-with-impairment-analyzing-online-report-laptop-planning-project-strategy-disability-friendly-office-entrepreneur-with-health-condition-sitting-wheelchair-job_482257-47246.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/an-illustration-showing-a-user-copying-a-1778205398915-b342abda.png?_wi=2", imageAlt: "happy cafe business owner portrait"},
{
id: "3", name: "Emily Rodriguez", date: "Mar 2024", title: "Boutique Owner", quote: "The AI content generation is shockingly good.", tag: "Verified User", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-black-american-male-using-laptop-drink-coffee-cafe_613910-8994.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/an-illustration-showing-ai-processing-th-1778205407339-e99e664f.png?_wi=2", imageAlt: "happy cafe business owner portrait"},
{
id: "4", name: "David Kim", date: "Apr 2024", title: "Cafe Manager", quote: "Finally, a tool that understands local business needs.", tag: "Verified User", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-barista-small-coffee-shop_613910-10446.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/an-illustration-of-a-beautiful-live-webs-1778205415811-3d731f28.png", imageAlt: "happy cafe business owner portrait"},
{
id: "5", name: "Lisa Wang", date: "May 2024", title: "Salon Owner", quote: "Simple, fast, and results are incredible.", tag: "Verified User", avatarSrc: "http://img.b2bpic.net/free-photo/friendly-waitress-with-cup-hot-drink_23-2147775876.jpg", imageSrc: "http://img.b2bpic.net/free-vector/minimal-logos-marble-background_23-2148368363.jpg", imageAlt: "happy cafe business owner portrait"},
{ id: "1", name: "Sarah Johnson", date: "Jan 2024", title: "Cafe Owner", quote: "Place2Page saved me hours of web development stress.", tag: "Verified User", avatarSrc: "http://img.b2bpic.net/free-photo/female-white-suit-sitting-table-with-her-laptop-near-green-bushes_181624-23858.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/a-futuristic-ai-powered-dashboard-interf-1778205391570-f4e98867.png?_wi=2" },
{ id: "2", name: "Michael Chen", date: "Feb 2024", title: "Restaurant Manager", quote: "My SEO improved dramatically in one week.", tag: "Verified User", avatarSrc: "http://img.b2bpic.net/free-photo/african-american-man-with-impairment-analyzing-online-report-laptop-planning-project-strategy-disability-friendly-office-entrepreneur-with-health-condition-sitting-wheelchair-job_482257-47246.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/an-illustration-showing-a-user-copying-a-1778205398915-b342abda.png?_wi=2" },
{ id: "3", name: "Emily Rodriguez", date: "Mar 2024", title: "Boutique Owner", quote: "The AI content generation is shockingly good.", tag: "Verified User", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-black-american-male-using-laptop-drink-coffee-cafe_613910-8994.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/an-illustration-showing-ai-processing-th-1778205407339-e99e664f.png?_wi=2" },
{ id: "4", name: "David Kim", date: "Apr 2024", title: "Cafe Manager", quote: "Finally, a tool that understands local business needs.", tag: "Verified User", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-barista-small-coffee-shop_613910-10446.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/an-illustration-of-a-beautiful-live-webs-1778205415811-3d731f28.png" },
{ id: "5", name: "Lisa Wang", date: "May 2024", title: "Salon Owner", quote: "Simple, fast, and results are incredible.", tag: "Verified User", avatarSrc: "http://img.b2bpic.net/free-friendly-waitress-with-cup-hot-drink_23-2147775876.jpg", imageSrc: "http://img.b2bpic.net/free-vector/minimal-logos-marble-background_23-2148368363.jpg" },
]}
title="Trusted by Local Business Founders"
description="Join thousands of cafe and restaurant owners who have transformed their digital presence."
@@ -152,12 +132,12 @@ 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" ],
buttons: [{ text: "Get Started", href: "/payment" }]
},
{
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" ],
buttons: [{ text: "Upgrade", href: "/payment" }]
},
]}
title="Affordable Plans for Growing Businesses"
@@ -181,12 +161,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1", title: "Do I need a Maps account?", content: "Yes, you need an existing Google Maps listing."},
{
id: "q2", title: "How fast is it?", content: "The AI builds and publishes your site in under a minute."},
{
id: "q3", title: "Is it SEO optimized?", content: "Absolutely, built-in schema markup and keyword targeting included."},
{ id: "q1", title: "Do I need a Maps account?", content: "Yes, you need an existing Google Maps listing." },
{ id: "q2", title: "How fast is it?", content: "The AI builds and publishes your site in under a minute." },
{ id: "q3", title: "Is it SEO optimized?", content: "Absolutely, built-in schema markup and keyword targeting included." },
]}
title="Common Questions"
description="Everything you need to know about Place2Page."
@@ -197,14 +174,13 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient"}}
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: "#"},
text: "Start 30-Day Free Trial", href: "/payment"},
]}
/>
</div>
@@ -214,30 +190,22 @@ export default function LandingPage() {
columns={[
{
title: "Product", items: [
{
label: "Features", href: "#features"},
{
label: "Pricing", href: "#pricing"},
{
label: "FAQ", href: "#faq"},
{ 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"},
{ label: "About Us", href: "/#" },
{ label: "Careers", href: "/#" },
{ label: "Contact", href: "#contact" },
],
},
{
title: "Legal", items: [
{
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service", href: "#"},
{ label: "Privacy Policy", href: "/#" },
{ label: "Terms of Service", href: "/#" },
],
},
]}

61
src/app/payment/page.tsx Normal file
View File

@@ -0,0 +1,61 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBase from '@/components/sections/footer/FooterBase';
export default function PaymentPage() {
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: "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" }}
/>
</div>
<div className="min-h-screen pt-32 pb-20 px-4 flex flex-col items-center justify-center">
<h1 className="text-4xl font-bold mb-6">Complete Your Payment</h1>
<p className="text-lg opacity-80 mb-10">Securely process your subscription for Place2Page.</p>
<div className="w-full max-w-md p-8 rounded-2xl border bg-card">
{/* Placeholder for actual payment form component */}
<div className="space-y-4">
<div className="w-full h-12 bg-accent/20 rounded-lg animate-pulse" />
<div className="w-full h-12 bg-accent/20 rounded-lg animate-pulse" />
<div className="w-full h-12 bg-primary-cta rounded-lg opacity-90" />
</div>
</div>
</div>
<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: "Legal", items: [{ label: "Privacy Policy", href: "/#" }, { label: "Terms of Service", href: "/#" }] },
]}
logoText="Place2Page"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}