Merge version_2 into main #2
193
src/app/page.tsx
193
src/app/page.tsx
@@ -2,15 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { BarChart2, Calendar, Globe, Shield, ShieldCheck } from "lucide-react";
|
||||
import { BarChart2, Calendar, Globe, Shield, ShieldCheck, Mail, Phone, MapPin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,103 +31,66 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Bookings"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Streamline Your Business with Professional Bookings"
|
||||
description="Simplify your appointment management and scale your business with our intuitive, professional booking solution designed for growth."
|
||||
kpis={[
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Bookings Managed",
|
||||
},
|
||||
value: "10k+", label: "Bookings Managed"},
|
||||
{
|
||||
value: "99.9%",
|
||||
label: "Uptime Guarantee",
|
||||
},
|
||||
value: "99.9%", label: "Uptime Guarantee"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Customer Support",
|
||||
},
|
||||
value: "24/7", label: "Customer Support"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stock-exchange-trading-forex-finance-graphic-concept_53876-121530.jpg"
|
||||
imageAlt="Professional booking platform dashboard"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-woman-with-short-hairstyle-tilt-head-look-happy-wearing-casual-shirt-standing-white_176420-41464.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-woman-with-short-hairstyle-tilt-head-look-happy-wearing-casual-shirt-standing-white_176420-41464.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-businessman-with-crossed-arms_1139-348.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-businessman-with-crossed-arms_1139-348.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1352.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1352.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ professionals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Seamless Integration",
|
||||
type: "text", text: "Seamless Integration"},
|
||||
{
|
||||
type: "text-icon", text: "Real-time Sync", icon: Calendar,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Real-time Sync",
|
||||
icon: Calendar,
|
||||
type: "text", text: "Automated Workflow"},
|
||||
{
|
||||
type: "text-icon", text: "Secure Data", icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Automated Workflow",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure Data",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Access",
|
||||
},
|
||||
type: "text", text: "Global Access"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -140,17 +103,11 @@ export default function LandingPage() {
|
||||
description="Our platform takes the complexity out of scheduling so you can focus on providing exceptional service to your clients."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Automated Reminders",
|
||||
description: "Reduce no-shows with automated client notifications.",
|
||||
},
|
||||
title: "Automated Reminders", description: "Reduce no-shows with automated client notifications."},
|
||||
{
|
||||
title: "Real-time Sync",
|
||||
description: "Integrates seamlessly with your existing calendars.",
|
||||
},
|
||||
title: "Real-time Sync", description: "Integrates seamlessly with your existing calendars."},
|
||||
{
|
||||
title: "Scalable Infrastructure",
|
||||
description: "Grows with your business requirements.",
|
||||
},
|
||||
title: "Scalable Infrastructure", description: "Grows with your business requirements."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elderly-businessman-using-laptop_23-2148116312.jpg?_wi=1"
|
||||
imageAlt="Management dashboard interface"
|
||||
@@ -165,19 +122,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Global Access",
|
||||
description: "Bookings available from anywhere in the world.",
|
||||
icon: Globe,
|
||||
title: "Global Access", description: "Bookings available from anywhere in the world.", icon: Globe,
|
||||
},
|
||||
{
|
||||
title: "Data Analytics",
|
||||
description: "Insights that help you make better decisions.",
|
||||
icon: BarChart2,
|
||||
title: "Data Analytics", description: "Insights that help you make better decisions.", icon: BarChart2,
|
||||
},
|
||||
{
|
||||
title: "Secure Payments",
|
||||
description: "Enterprise-grade encryption for every transaction.",
|
||||
icon: ShieldCheck,
|
||||
title: "Secure Payments", description: "Enterprise-grade encryption for every transaction.", icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
title="Everything You Need to Scale"
|
||||
@@ -190,12 +141,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateLab",
|
||||
"GrowthCo",
|
||||
"StartupXYZ",
|
||||
"GlobalServe",
|
||||
]}
|
||||
"TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "GlobalServe"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Partnering with forward-thinking brands across various industries."
|
||||
/>
|
||||
@@ -206,30 +152,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-woman-with-short-hairstyle-tilt-head-look-happy-wearing-casual-shirt-standing-white_176420-41464.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-woman-with-short-hairstyle-tilt-head-look-happy-wearing-casual-shirt-standing-white_176420-41464.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-businessman-with-crossed-arms_1139-348.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/attractive-businessman-with-crossed-arms_1139-348.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1352.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1352.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg",
|
||||
},
|
||||
id: "5", name: "Alex Smith", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg"},
|
||||
]}
|
||||
cardTitle="Client Success Stories"
|
||||
cardTag="Testimonials"
|
||||
@@ -238,51 +169,25 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
<ContactCenter
|
||||
tag="Contact Us"
|
||||
title="Let's Connect"
|
||||
description="We're here to help you get the most out of our platform. Reach out for sales, support, or general inquiries."
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Ready to get started?"
|
||||
title="Book a Consultation"
|
||||
description="Fill out the form below to connect with our team and see how we can help optimize your booking flow."
|
||||
inputPlaceholder="Enter your professional email"
|
||||
buttonText="Get Started"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elderly-businessman-using-laptop_23-2148116312.jpg?_wi=2"
|
||||
imageAlt="Contact support team"
|
||||
mediaAnimation="blur-reveal"
|
||||
variant: "gradient-bars"}}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterCard
|
||||
logoText="Bookings"
|
||||
copyrightText="© 2025 | Bookings Platform"
|
||||
socialLinks={[
|
||||
{ icon: Mail, href: "mailto:hello@bookings.com", ariaLabel: "Email Us" },
|
||||
{ icon: Phone, href: "tel:+1234567890", ariaLabel: "Call Us" },
|
||||
{ icon: MapPin, href: "#", ariaLabel: "Visit Us" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user