Update src/app/page.tsx
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
@@ -11,23 +11,23 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
|
||||
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
|
||||
import {
|
||||
BarChart2,
|
||||
ClipboardCheck,
|
||||
Github,
|
||||
Globe,
|
||||
Heart,
|
||||
Linkedin,
|
||||
Mail,
|
||||
MessageSquare,
|
||||
Smile,
|
||||
Target,
|
||||
TrendingUp,
|
||||
Twitter,
|
||||
User,
|
||||
Users,
|
||||
Workflow,
|
||||
Zap
|
||||
} from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -45,7 +45,7 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
<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"}}
|
||||
@@ -56,20 +56,25 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
<HeroBillboardGallery
|
||||
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)]"
|
||||
mediaItems={[
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
{ 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"
|
||||
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
|
||||
<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"
|
||||
@@ -79,7 +84,7 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
<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"
|
||||
@@ -92,7 +97,7 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
<ProductCardOne
|
||||
title="Explore Our AI CRM Modules"
|
||||
description="Discover specialized modules designed to optimize every aspect of your customer relationship management."
|
||||
textboxLayout="default"
|
||||
@@ -110,7 +115,7 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
<SocialProofOne
|
||||
title="Trusted by Leading Innovators"
|
||||
description="Join the ranks of top companies leveraging AI to transform their CRM strategies."
|
||||
textboxLayout="default"
|
||||
@@ -125,7 +130,7 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
<TestimonialCardSixteen
|
||||
title="Hear from Our Satisfied Clients"
|
||||
description="Real stories from businesses that revolutionized their CRM with our AI platform."
|
||||
textboxLayout="default"
|
||||
@@ -139,7 +144,7 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to the most common questions about our AI CRM platform."
|
||||
textboxLayout="default"
|
||||
@@ -156,7 +161,7 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
<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."
|
||||
@@ -175,7 +180,7 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
<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"}]}
|
||||
|
||||
Reference in New Issue
Block a user