Merge version_3 into main #2
184
src/app/page.tsx
184
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="AutoSchedule AI"
|
||||
/>
|
||||
@@ -55,46 +47,29 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Let AI Master Your Calendar"
|
||||
description="Stop chasing leads. Our AI appointment setter handles the conversation and schedules meetings while you sleep."
|
||||
tag="Revolutionize Your Workflow"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Free Trial", href: "#contact"},
|
||||
{
|
||||
text: "View Demo",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Demo", href: "#features"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924164.jpg",
|
||||
imageAlt: "AI Scheduling Flow",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924164.jpg", imageAlt: "AI Scheduling Flow"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businesswoman-with-headset-working-call-center-office_231208-320.jpg",
|
||||
imageAlt: "Conversational AI",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businesswoman-with-headset-working-call-center-office_231208-320.jpg", imageAlt: "Conversational AI"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-space-tunnel_23-2151954719.jpg",
|
||||
imageAlt: "Time Optimization",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-space-tunnel_23-2151954719.jpg", imageAlt: "Time Optimization"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-business-strategy-planning-icon-concept_53876-120444.jpg",
|
||||
imageAlt: "CRM Integration",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-business-strategy-planning-icon-concept_53876-120444.jpg", imageAlt: "CRM Integration"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139249.jpg",
|
||||
imageAlt: "Workflow Automation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139249.jpg", imageAlt: "Workflow Automation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workspace-with-stationery-papers-with-smartphone_23-2147965724.jpg",
|
||||
imageAlt: "Intelligent Scheduling",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workspace-with-stationery-papers-with-smartphone_23-2147965724.jpg", imageAlt: "Intelligent Scheduling"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -118,26 +93,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Automated Outreach",
|
||||
description: "AI-powered email sequences that engage your leads.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-media-set_98292-969.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/inbox-communication-notification-e-mail-mail-concept_53876-120057.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Automated Outreach", description: "AI-powered email sequences that engage your leads.", imageSrc: "http://img.b2bpic.net/free-vector/flat-media-set_98292-969.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/inbox-communication-notification-e-mail-mail-concept_53876-120057.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Sync Everything",
|
||||
description: "Connect your calendars for conflict-free scheduling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-hologram_23-2151917417.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/christmas-date-paper-craft_53876-47120.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Sync Everything", description: "Connect your calendars for conflict-free scheduling.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-hologram_23-2151917417.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/christmas-date-paper-craft_53876-47120.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Intelligent Lead Scoring",
|
||||
description: "Prioritize high-value leads automatically.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-showing-light-bulb-icon_53876-47270.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-vector/seo-analytics-black-line-icon-25-business-outline-icon-set_1057-10180.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Intelligent Lead Scoring", description: "Prioritize high-value leads automatically.", imageSrc: "http://img.b2bpic.net/free-photo/man-showing-light-bulb-icon_53876-47270.jpg", titleImageSrc: "http://img.b2bpic.net/free-vector/seo-analytics-black-line-icon-25-business-outline-icon-set_1057-10180.jpg", buttonText: "Learn More"},
|
||||
]}
|
||||
title="Powerful AI Features"
|
||||
description="Enterprise-grade appointment scheduling that fits right into your business processes."
|
||||
@@ -149,14 +109,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateLab",
|
||||
"GrowthCo",
|
||||
"StartupXYZ",
|
||||
"DigitalReach",
|
||||
"FutureSystems",
|
||||
"GlobalSolutions",
|
||||
]}
|
||||
"TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "DigitalReach", "FutureSystems", "GlobalSolutions"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Used by companies across the globe to drive appointment volume."
|
||||
/>
|
||||
@@ -170,20 +123,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "400%",
|
||||
description: "Meeting volume increase",
|
||||
},
|
||||
id: "m1", value: "400%", description: "Meeting volume increase"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15hrs",
|
||||
description: "Saved per user/week",
|
||||
},
|
||||
id: "m2", value: "15hrs", description: "Saved per user/week"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "Uptime & Reliability",
|
||||
},
|
||||
id: "m3", value: "99.9%", description: "Uptime & Reliability"},
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="The numbers speak for themselves regarding our impact."
|
||||
@@ -197,40 +141,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "This tool doubled my sales team efficiency overnight.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-black-blazer-portrait_23-2152009548.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "This tool doubled my sales team efficiency overnight.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-black-blazer-portrait_23-2152009548.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Reliable and incredibly fast implementation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-business-people-holding-laptop-computer-office-desk_1150-10180.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", handle: "@mchen", testimonial: "Reliable and incredibly fast implementation.", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-business-people-holding-laptop-computer-office-desk_1150-10180.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Best investment we made for our outreach.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-labor-union-member_23-2150969905.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", handle: "@emilyr", testimonial: "Best investment we made for our outreach.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-labor-union-member_23-2150969905.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Finally, an AI that actually schedules meetings right.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/farmer-examines-field-agronomist-farmer-examines-growth-wheat_1157-39743.jpg",
|
||||
},
|
||||
id: "t4", name: "David Kim", handle: "@dkim", testimonial: "Finally, an AI that actually schedules meetings right.", imageSrc: "http://img.b2bpic.net/free-photo/farmer-examines-field-agronomist-farmer-examines-growth-wheat_1157-39743.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa Wang",
|
||||
handle: "@lisaw",
|
||||
testimonial: "The lead scoring feature changed our game.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
|
||||
},
|
||||
id: "t5", name: "Lisa Wang", handle: "@lisaw", testimonial: "The lead scoring feature changed our game.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="What business owners are saying about AutoSchedule AI."
|
||||
@@ -243,20 +162,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does the AI work?",
|
||||
content: "Our AI analyzes calendar data and interacts with prospects via natural language processing.",
|
||||
},
|
||||
id: "q1", title: "How does the AI work?", content: "Our AI analyzes calendar data and interacts with prospects via natural language processing."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is it secure?",
|
||||
content: "Yes, we prioritize end-to-end encryption for all scheduling activities.",
|
||||
},
|
||||
id: "q2", title: "Is it secure?", content: "Yes, we prioritize end-to-end encryption for all scheduling activities."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I integrate with my CRM?",
|
||||
content: "Absolutely, we support all major CRM platforms natively.",
|
||||
},
|
||||
id: "q3", title: "Can I integrate with my CRM?", content: "Absolutely, we support all major CRM platforms natively."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common inquiries about our platform."
|
||||
@@ -268,8 +178,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get Started"
|
||||
title="Start Scheduling Automatically Today"
|
||||
description="Join thousands of businesses streamlining their meeting workflow."
|
||||
@@ -280,42 +189,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -325,4 +219,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #fcf6ec;
|
||||
--card: #f3ede2;
|
||||
--foreground: #2e2521;
|
||||
--primary-cta: #2e2521;
|
||||
--background: #020617;
|
||||
--card: #0f172a;
|
||||
--foreground: #e2e8f0;
|
||||
--primary-cta: #1e3a8a;
|
||||
--primary-cta-text: #fcf6ec;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #1e293b;
|
||||
--secondary-cta-text: #2e2521;
|
||||
--accent: #b2a28b;
|
||||
--background-accent: #b2a28b;
|
||||
--accent: #3b82f6;
|
||||
--background-accent: #1e3a8a;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user