|
|
|
|
@@ -2,7 +2,7 @@
|
|
|
|
|
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
|
|
|
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
|
|
|
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
|
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
|
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
|
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
|
|
|
@@ -11,7 +11,7 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
|
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
|
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
|
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
|
|
|
import { Brain, ChartLine, Clock, HelpCircle, Lightbulb, Rocket, ShieldCheck, Sparkles, Star, TrendingUp, Users, Hexagon, House, MessageSquareText, Settings, CircleDollarSign, ArrowLeftRight, Send } from "lucide-react";
|
|
|
|
|
import { Rocket, Lightbulb, TrendingUp, Users, Clock, Brain, Star, ShieldCheck, HelpCircle, Sparkles } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
@@ -36,7 +36,7 @@ export default function LandingPage() {
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroBillboardDashboard
|
|
|
|
|
<HeroBillboardCarousel
|
|
|
|
|
title="Elevate Your CRM with AI Intelligence"
|
|
|
|
|
description="Transform customer relationships and boost sales with our cutting-edge AI-powered CRM management tool. Automate tasks, gain deeper insights, and drive unparalleled growth."
|
|
|
|
|
background={{variant:"sparkles-gradient"}}
|
|
|
|
|
@@ -49,23 +49,13 @@ export default function LandingPage() {
|
|
|
|
|
titleClassName="text-foreground"
|
|
|
|
|
descriptionClassName="text-foreground/80"
|
|
|
|
|
tagClassName="text-primary-cta"
|
|
|
|
|
dashboard={{
|
|
|
|
|
title: "AI CRM Overview", logoIcon: Hexagon,
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-futuristic-and-clean-ai-crm-dashboard--1771622895724-0d110bdb.png?_wi=1", buttons: [{ text: "Get Started Free", href: "#contact" }, { text: "Learn More", href: "#features" }],
|
|
|
|
|
sidebarItems: [{ icon: House, active: true }, { icon: MessageSquareText }, { icon: Settings }],
|
|
|
|
|
stats: [
|
|
|
|
|
{ title: "New Leads", values: [5230, 6100, 5800], description: "Generated this month." },
|
|
|
|
|
{ title: "Conversion Rate", values: [15, 18, 16], valueSuffix: "%", description: "From leads to sales." },
|
|
|
|
|
{ title: "Support Tickets", values: [120, 90, 110], description: "Resolved this week." }
|
|
|
|
|
],
|
|
|
|
|
chartTitle: "Sales Performance", chartData: [{ value: 60 }, { value: 45 }, { value: 80 }, { value: 70 }, { value: 95 }],
|
|
|
|
|
listTitle: "Recent Activities", listItems: [
|
|
|
|
|
{ icon: CircleDollarSign, title: "Deal Closed: $12k", status: "Success" },
|
|
|
|
|
{ icon: ArrowLeftRight, title: "Task Assigned: Follow up", status: "Pending" },
|
|
|
|
|
{ icon: Send, title: "Email Sent: Product update", status: "Completed" }
|
|
|
|
|
],
|
|
|
|
|
imageAlt: "AI CRM dashboard showing various metrics and insights"
|
|
|
|
|
}}
|
|
|
|
|
mediaItems={[
|
|
|
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-futuristic-and-clean-ai-crm-dashboard--1771622895724-0d110bdb.png?_wi=1", imageAlt: "AI CRM dashboard" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1596526131083-04230d765057?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w1MDcxMzJ8MHwxfHNlYXJjaHwxfHxhYnN0cmFjdCUyMGFpJTIwbmV0d29ya3xlbnwwfHx8fDE3MTc3MjIyMDl8MA&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Abstract AI network" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1620280829393-01865e9ce636?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w1MDcxMzJ8MHwxfHNlYXJjaHwxfHxnG93aW5nJTIwY2lyY3VpdCUyMGJvYXJkfGVufDB8fHx8MTcxNzcyMjIwOXww&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Glowing circuit board" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1522066228564-9ca589b35b6b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w1MDcxMzJ8MHwxfHNlYXJjaHwxfHxmdXR1cmlzdGljJTIwY2l0eXNjYXBlfGVufDB8fHx8MTcxNzcyMjIwOXww&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Futuristic cityscape" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1593530084478-f71e5c545367?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w1MDcxMzJ8MHwxfHNlYXJjaHwxfHxoG9sb2dyYXB", imageAlt: "Holographic interface interaction" }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
@@ -198,4 +188,4 @@ export default function LandingPage() {
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|