Initial commit
This commit is contained in:
416
src/app/page.tsx
Normal file
416
src/app/page.tsx
Normal file
@@ -0,0 +1,416 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
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 (
|
||||
<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: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
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: "#contact",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKQM9lPNI4lPQ9uPYtLimgRQHP/a-futuristic-ai-powered-dashboard-interf-1778205391570-f4e98867.png",
|
||||
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>
|
||||
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
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",
|
||||
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/a-futuristic-ai-powered-dashboard-interf-1778205391570-f4e98867.png",
|
||||
imageAlt: "An illustration showing a user copying a Google Maps link into an AI interface. Clean, minimalist ve",
|
||||
},
|
||||
{
|
||||
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",
|
||||
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-of-a-beautiful-live-webs-1778205415811-3d731f28.png",
|
||||
imageAlt: "An illustration showing a user copying a Google Maps link into an AI interface. Clean, minimalist ve",
|
||||
},
|
||||
{
|
||||
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/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",
|
||||
imageAlt: "An illustration showing a user copying a Google Maps link into an AI interface. Clean, minimalist ve",
|
||||
},
|
||||
]}
|
||||
title="Simple 3-Step Process"
|
||||
description="Get your business online in under 60 seconds with our streamlined workflow."
|
||||
/>
|
||||
</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"
|
||||
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",
|
||||
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",
|
||||
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",
|
||||
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",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Local Business Founders"
|
||||
description="Join thousands of cafe and restaurant owners who have transformed their digital presence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Essential",
|
||||
price: "$19/mo",
|
||||
subtitle: "Perfect for one location.",
|
||||
features: [
|
||||
"SEO optimization",
|
||||
"Auto-updates",
|
||||
"Email support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Best Value",
|
||||
price: "$49/mo",
|
||||
subtitle: "For established multi-location owners.",
|
||||
features: [
|
||||
"Everything in Starter",
|
||||
"Multiple locations",
|
||||
"Priority support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Agency",
|
||||
price: "$199/mo",
|
||||
subtitle: "Full control and analytics.",
|
||||
features: [
|
||||
"Everything in Pro",
|
||||
"White-label support",
|
||||
"Custom domains",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Affordable Plans for Growing Businesses"
|
||||
description="Simple pricing to fit your local business needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
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.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about Place2Page."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</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: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user