bender/cecdc10a-06e7-4887-9fe0-a9c53ee31829
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-04-23 08:42:04 +00:00
Conversation 0 Commits 2 Files Changed 2 +66 -235
2 changed files with 66 additions and 235 deletions
Download Patch File Download Diff File Expand all files Collapse all files

287
src/app/page.tsx
View File

@@ -2,16 +2,17 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterBase from '@/components/sections/footer/FooterBase';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Zap, Clock, ShieldCheck, BarChart3, Users, MessageSquare } from "lucide-react";
export default function LandingPage() {
return (
@@ -31,22 +32,12 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Features",
id: "#features",
},
{
name: "Pricing",
id: "#pricing",
},
{
name: "Contact",
id: "#contact",
},
{ name: "About", id: "#about" },
{ name: "Features", id: "#features" },
{ name: "Metrics", id: "#metrics" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "FAQ", id: "#faq" },
{ name: "Contact", id: "#contact" },
]}
brandName="AutoSchedule AI"
/>
@@ -54,47 +45,15 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "sparkles-gradient",
}}
background={{ 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: "View Demo",
href: "#features",
},
]}
buttons={[{ text: "Start Free Trial", href: "#contact" }, { 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/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/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/workspace-with-stationery-papers-with-smartphone_23-2147965724.jpg",
imageAlt: "Intelligent Scheduling",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-hologram_23-2151917417.jpg", imageAlt: "AI Infrastructure" },
{ imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-space-tunnel_23-2151954719.jpg", imageAlt: "Workflow Automation" },
{ imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924164.jpg", imageAlt: "Intelligent Scheduling" }
]}
mediaAnimation="blur-reveal"
/>
@@ -106,223 +65,95 @@ export default function LandingPage() {
title="The Smarter Way to Book Meetings"
description="We replace outdated manual scheduling with a seamless AI engine that learns your unique calendar availability and negotiates times directly with your clients."
imageSrc="http://img.b2bpic.net/free-photo/group-people-working-out-business-plan-office_1303-15872.jpg"
imageAlt="AI Team Collaboration"
imageAlt="Modern AI Workflow"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyNine
<FeatureCardSeven
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
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: "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: "Automated Outreach", description: "AI-powered engagement sequences that connect with prospects instantly.", imageSrc: "http://img.b2bpic.net/free-photo/inbox-communication-notification-e-mail-mail-concept_53876-120057.jpg" },
{ title: "Conflict-Free Sync", description: "Deep integrations with your existing calendars to ensure zero double-bookings.", imageSrc: "http://img.b2bpic.net/free-photo/workspace-with-stationery-papers-with-smartphone_23-2147965724.jpg" },
{ title: "Lead Prioritization", description: "Focus on high-value conversations with smart data-driven ranking.", imageSrc: "http://img.b2bpic.net/free-photo/man-showing-light-bulb-icon_53876-47270.jpg" }
]}
title="Powerful AI Features"
description="Enterprise-grade appointment scheduling that fits right into your business processes."
description="Enterprise-grade appointment scheduling that fits your business."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"TechCorp",
"InnovateLab",
"GrowthCo",
"StartupXYZ",
"DigitalReach",
"FutureSystems",
"GlobalSolutions",
]}
names={["TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "DigitalReach", "FutureSystems"]}
title="Trusted by Industry Leaders"
description="Used by companies across the globe to drive appointment volume."
description="Companies worldwide rely on us to fuel their growth."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
<MetricCardThree
animationType="depth-3d"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "400%",
description: "Meeting volume increase",
},
{
id: "m2",
value: "15hrs",
description: "Saved per user/week",
},
{
id: "m3",
value: "99.9%",
description: "Uptime & Reliability",
},
{ id: "m1", icon: Zap, title: "Meeting Increase", value: "400%" },
{ id: "m2", icon: Clock, title: "Weekly Savings", value: "15hrs" },
{ id: "m3", icon: ShieldCheck, title: "Reliability", value: "99.9%" }
]}
title="Proven Results"
description="The numbers speak for themselves regarding our impact."
title="Data-Driven Results"
description="Quantifiable impact that scales your operations."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
<TestimonialCardSixteen
animationType="depth-3d"
textboxLayout="split"
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: "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: "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",
},
]}
title="Client Success Stories"
description="What business owners are saying about AutoSchedule AI."
description="Hear from the pioneers who automated their sales cycles with us."
kpiItems={[{ value: "10k+", label: "Meetings Set" }, { value: "500+", label: "Teams Optimized" }, { value: "98%", label: "Retention Rate" }]}
testimonials={[
{ id: "t1", name: "Sarah J.", role: "Head of Sales", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-black-blazer-portrait_23-2152009548.jpg" },
{ id: "t2", name: "Michael C.", role: "Founder", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-business-people-holding-laptop-computer-office-desk_1150-10180.jpg" }
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
<FaqSplitText
sideTitle="Frequently Asked Questions"
faqsAnimation="blur-reveal"
faqs={[
{
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: "q3",
title: "Can I integrate with my CRM?",
content: "Absolutely, we support all major CRM platforms natively.",
},
{ id: "q1", title: "How does the AI work?", content: "Our AI utilizes proprietary NLP to analyze and negotiate your availability." },
{ id: "q2", title: "Is my data secure?", content: "We implement bank-level encryption for all calendar interactions." },
{ id: "q3", title: "Do you support custom CRM?", content: "Yes, we offer flexible API integrations for all enterprise systems." }
]}
title="Frequently Asked Questions"
description="Common inquiries about our platform."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
<ContactSplit
tag="Get Started"
title="Start Scheduling Automatically Today"
description="Join thousands of businesses streamlining their meeting workflow."
title="Start Scheduling Automatically"
description="Ready to reclaim your time and focus on what matters most?"
imageSrc="http://img.b2bpic.net/free-photo/global-business-strategy-planning-icon-concept_53876-120444.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Product",
items: [
{
label: "Features",
href: "#features",
},
{
label: "Pricing",
href: "#pricing",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
<FooterLogoEmphasis
logoText="AutoSchedule AI"
columns={[
{ items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
{ items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #fcf6ec;
--card: #f3ede2;
--foreground: #2e2521;
--primary-cta: #2e2521;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #ffffff;
--primary-cta: #106EFB;
--primary-cta-text: #fcf6ec;
--secondary-cta: #ffffff;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #2e2521;
--accent: #b2a28b;
--background-accent: #b2a28b;
--accent: #106EFB;
--background-accent: #000000;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);