192 lines
14 KiB
TypeScript
192 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import {
|
|
BarChart2,
|
|
ClipboardCheck,
|
|
Github,
|
|
Globe,
|
|
Heart,
|
|
Linkedin,
|
|
Mail,
|
|
MessageSquare,
|
|
Smile,
|
|
Target,
|
|
TrendingUp,
|
|
Twitter,
|
|
User,
|
|
Users,
|
|
Workflow,
|
|
Zap
|
|
} from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="largeSmall"
|
|
background="aurora"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[{name:"Home",id:"/"},{name:"Features",id:"#features"},{name:"Solutions",id:"#products"},{name:"Reviews",id:"#testimonials"},{name:"Contact",id:"#contact"}]}
|
|
brandName="CRM AI"
|
|
button={{text:"Get Started",href:"#contact"}}
|
|
buttonClassName="min-w-[120px] justify-center"
|
|
buttonTextClassName="relative top-[0.5px]"
|
|
className="z-50 backdrop-blur-md"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
title="Revolutionize Your CRM with AI Intelligence"
|
|
description="Unleash the power of artificial intelligence to automate tasks, gain deeper customer insights, and drive unparalleled growth for your business."
|
|
background={{variant:"sparkles-gradient"}}
|
|
avatars={[{src:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-diverse-avatar-for-a-tech-1771626574115-d7a13233.png",alt:"User 1"},{src:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-diverse-avatar-for-a-tech-1771626573670-0e58ea72.png",alt:"User 2"},{src:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-diverse-avatar-for-a-tech-1771626572873-fea810d0.png",alt:"User 3"}]}
|
|
avatarText="Trusted by 5,000+ businesses worldwide"
|
|
buttons={[{text:"Get Started Free",href:"#contact"},{text:"Watch Demo",href:"#features"}]}
|
|
buttonAnimation="slide-up"
|
|
className="min-h-[calc(100svh-var(--navbar-height))] md:min-h-[calc(100vh-var(--navbar-height))] pt-[var(--navbar-height)]"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<AboutMetric
|
|
title="Experience Tangible Results with Our AI CRM"
|
|
metrics={[{icon:Zap,label:"Sales Efficiency Boost",value:"70%"},{icon:Users,label:"Customer Satisfaction",value:"95%"},{icon:TrendingUp,label:"Revenue Growth",value:"2.5x"},{icon:Globe,label:"Global Adoption",value:"1500+"}]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
className="py-16 md:py-24"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTen
|
|
title="Smart Features Designed for Your Success"
|
|
description="Our AI CRM platform comes packed with intelligent tools to streamline operations, enhance customer relationships, and accelerate your business growth."
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
features={[{id:"1",title:"AI-Powered Automation",description:"Automate repetitive tasks like data entry, lead scoring, and email sequences, freeing up your team to focus on high-value activities.",media:{imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-user-friendly-interface-showcasing-ai--1771626574716-a33c15c9.png",imageAlt:"AI-Powered Automation Interface"},items:[{icon:Workflow,text:"Automated Lead Qualification"},{icon:Mail,text:"Intelligent Email Campaigns"},{icon:ClipboardCheck,text:"Smart Task Prioritization"}],reverse:false},{id:"2",title:"Deep Customer Insights",description:"Leverage AI to analyze customer behavior, predict churn, and identify cross-selling opportunities, giving you a 360-degree view of your clients.",media:{imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/an-ai-crm-platform-displaying-deep-custo-1771626574569-fd46e2c4.png",imageAlt:"Customer Insights Dashboard"},items:[{icon:BarChart2,text:"Predictive Analytics"},{icon:Smile,text:"Sentiment Analysis"},{icon:Target,text:"Customer Segmentation"}],reverse:true},{id:"3",title:"Personalized Engagement",description:"Deliver hyper-personalized experiences across all touchpoints with AI-driven content recommendations and adaptive communication strategies.",media:{imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-crm-interface-demonstrating-ai-driven--1771626575190-6adb5515.png",imageAlt:"Personalized Customer Engagement"},items:[{icon:User,text:"Dynamic Content Delivery"},{icon:MessageSquare,text:"AI-Powered Chatbots"},{icon:Heart,text:"Enhanced Customer Loyalty"}],reverse:false}]}
|
|
tag="AI Capabilities"
|
|
className="py-16 md:py-24"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
title="Explore Our AI CRM Modules"
|
|
description="Discover specialized modules designed to optimize every aspect of your customer relationship management."
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
products={[{id:"1",name:"AI Sales Optimizer",price:"Starting at $49/mo",imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-vibrant-modern-icon-or-illustration-re-1771626573834-d77afcef.png",imageAlt:"AI Sales Optimizer Icon"},{id:"2",name:"AI Marketing Pro",price:"Starting at $59/mo",imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-modern-icon-or-illustration-for-ai-dri-1771626572901-3adfb3ff.png",imageAlt:"AI Marketing Pro Icon"},{id:"3",name:"AI Support Assistant",price:"Starting at $39/mo",imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/an-illustration-for-ai-customer-support--1771626573048-9700743d.png",imageAlt:"AI Support Assistant Icon"},{id:"4",name:"AI Analytics Hub",price:"Starting at $69/mo",imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/an-illustration-for-advanced-ai-analytic-1771626574005-002b152d.png",imageAlt:"AI Analytics Hub Icon"}]}
|
|
tag="Solutions"
|
|
className="py-16 md:py-24"
|
|
cardClassName="aspect-square flex flex-col justify-center items-center text-center p-6"
|
|
imageClassName="h-24 w-24 object-contain mb-4"
|
|
cardNameClassName="text-lg font-semibold mb-1"
|
|
cardPriceClassName="text-foreground/70"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Leading Innovators"
|
|
description="Join the ranks of top companies leveraging AI to transform their CRM strategies."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
logos={["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-minimalist-modern-logo-for-a-generic-t-1771626572220-dfa321d5.png","https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-minimalist-modern-logo-for-a-generic-t-1771626573321-61cbafdb.png","https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-minimalist-modern-logo-for-a-generic-t-1771626572947-a15277fd.png","https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-minimalist-modern-logo-for-a-generic-t-1771626572938-88bc6de9.png","https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-minimalist-modern-logo-for-a-generic-t-1771626573368-a0ef15c0.png","https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-minimalist-modern-logo-for-a-generic-t-1771626572744-1bc62af8.png","https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-minimalist-modern-logo-for-a-generic-t-1771626572459-2e1fd664.png"]}
|
|
names={[]}
|
|
tag="Partnerships"
|
|
speed={30}
|
|
showCard={true}
|
|
className="py-16 md:py-24"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="Hear from Our Satisfied Clients"
|
|
description="Real stories from businesses that revolutionized their CRM with our AI platform."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="blur-reveal"
|
|
testimonials={[{id:"1",name:"Sarah Johnson",role:"CEO",company:"Innovate Solutions",rating:5,imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-a-female-ceo--1771626574766-9d13e508.png",imageAlt:"Sarah Johnson, CEO of Innovate Solutions"},{id:"2",name:"Michael Chen",role:"CTO",company:"Tech Horizon",rating:5,imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-a-male-cto-in-1771626573883-d04ebfff.png",imageAlt:"Michael Chen, CTO of Tech Horizon"},{id:"3",name:"Emily Rodriguez",role:"Marketing Director",company:"Growth Engine",rating:5,imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-a-female-mark-1771626574084-03dd06f3.png",imageAlt:"Emily Rodriguez, Marketing Director of Growth Engine"},{id:"4",name:"David Kim",role:"Product Lead",company:"Future Systems",rating:5,imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-professional-headshot-of-a-male-produc-1771626574067-02329463.png",imageAlt:"David Kim, Product Lead of Future Systems"}]}
|
|
kpiItems={[{value:"98%",label:"Client Retention"},{value:"3x",label:"ROI Achieved"},{value:"24/7",label:"AI-Powered Support"}]}
|
|
tag="Customer Success"
|
|
className="py-16 md:py-24"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to the most common questions about our AI CRM platform."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
mediaAnimation="opacity"
|
|
faqs={[{id:"1",title:"What is an AI CRM platform?",content:"An AI CRM platform integrates artificial intelligence capabilities into traditional customer relationship management systems. This enhances automation, provides deeper insights, and personalizes customer interactions beyond what standard CRMs can offer."},{id:"2",title:"How does AI improve sales?",content:"AI improves sales by automating lead qualification, predicting customer behavior to identify high-potential leads, recommending personalized product offerings, and optimizing sales workflows, leading to higher conversion rates and increased revenue."},{id:"3",title:"Is my data secure with an AI CRM?",content:"Yes, data security is paramount. Our AI CRM platform employs advanced encryption, robust access controls, and adheres to industry-leading compliance standards to ensure your customer data is protected at all times."},{id:"4",title:"Can it integrate with my existing tools?",content:"Our platform is designed for seamless integration with a wide range of popular business tools and applications through flexible APIs and pre-built connectors, ensuring a smooth transition and enhanced workflow efficiency."}]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/an-abstract-illustration-representing-ai-1771626574683-69734fd9.png"
|
|
imageAlt="AI customer support illustration"
|
|
mediaPosition="right"
|
|
tag="Support"
|
|
className="py-16 md:py-24"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get Started"
|
|
title="Ready to Transform Your CRM?"
|
|
description="Connect with our experts to discover how our AI platform can drive unprecedented growth for your business."
|
|
background={{variant:"sparkles-gradient"}}
|
|
useInvertedBackground={false}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-sleek-dark-themed-ai-dashboard-with-ke-1771626574319-f8745f67.png"
|
|
imageAlt="AI CRM dashboard for contact section"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="left"
|
|
inputPlaceholder="Your business email"
|
|
buttonText="Talk to Sales"
|
|
termsText="By submitting this form, you agree to our privacy policy and terms of service."
|
|
onSubmit={(email) => console.log('Contact form submitted for: ' + email)}
|
|
className="py-16 md:py-24"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="CRM AI"
|
|
copyrightText="© 2024 | CRM AI. All rights reserved."
|
|
socialLinks={[{icon:Twitter,href:"https://twitter.com",ariaLabel:"Twitter"},{icon:Linkedin,href:"https://linkedin.com",ariaLabel:"LinkedIn"},{icon:Github,href:"https://github.com",ariaLabel:"GitHub"}]}
|
|
className="py-16 md:py-20"
|
|
cardClassName="py-10 px-6 sm:px-10 md:px-12"
|
|
logoClassName="text-lg font-bold"
|
|
copyrightTextClassName="text-sm text-foreground/70"
|
|
socialContainerClassName="gap-x-4"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|