bender/091b046a-7a82-4e52-b34f-2dcb2277bbac
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-02-20 21:38:31 +00:00
parent 13a1cc4125
commit b2398a9954
1 changed files with 21 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/app/page.tsx
View File

@@ -2,7 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
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 } from "lucide-react";
import { Brain, ChartLine, Clock, HelpCircle, Lightbulb, Rocket, ShieldCheck, Sparkles, Star, TrendingUp, Users, Hexagon, House, MessageSquareText, Settings, CircleDollarSign, ArrowLeftRight, Send } from "lucide-react";
export default function LandingPage() {
return (
@@ -36,7 +36,7 @@ export default function LandingPage() {
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
<HeroBillboardDashboard
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"}}
@@ -45,11 +45,27 @@ export default function LandingPage() {
tagAnimation="slide-up"
buttons={[{text:"Get Started Free",href:"#contact"},{text:"Learn More",href:"#features"}]}
buttonAnimation="slide-up"
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 interface showing analytics and data"},{imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-futuristic-and-clean-ai-crm-dashboard--1771622895724-0d110bdb.png?_wi=2",imageAlt:"AI CRM dashboard interface showing analytics and data"},{imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-futuristic-and-clean-ai-crm-dashboard--1771622895724-0d110bdb.png?_wi=3",imageAlt:"AI CRM dashboard interface showing analytics and data"},{imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-futuristic-and-clean-ai-crm-dashboard--1771622895724-0d110bdb.png?_wi=4",imageAlt:"AI CRM dashboard interface showing analytics and data"},{imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/a-futuristic-and-clean-ai-crm-dashboard--1771622895724-0d110bdb.png?_wi=5",imageAlt:"AI CRM dashboard interface showing analytics and data"}]}
ariaLabel="Hero section for AI CRM management tool"
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"
}}
/>
</div>
<div id="about" data-section="about">
@@ -182,4 +198,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}