From f4bd67c60021dc30a39a8613631fc43c029e15d4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 21 Mar 2026 22:31:07 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 58 +++++++++++++++++++++++++++++++++++++++++-------
 1 file changed, 50 insertions(+), 8 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2bceba6..4a980b0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
-import HeroLogo from "@/components/sections/hero/HeroLogo";
+import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
 import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
 import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
 import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
@@ -11,7 +11,7 @@ import TestimonialCardSixteen from "@/components/sections/testimonial/Testimonia
 import FaqSplitText from "@/components/sections/faq/FaqSplitText";
 import ContactSplit from "@/components/sections/contact/ContactSplit";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
-import { Award, DollarSign, Palette, Rocket, Sparkles, Star, Target, ThumbsUp, Zap } from "lucide-react";
+import { Award, DollarSign, Palette, Rocket, Sparkles, Star, Target, ThumbsUp, Zap, Hexagon, House, MessageSquareText, Settings, CircleDollarSign, ArrowLeftRight, Send } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -43,18 +43,60 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogo
-          logoText="Professional Websites Built for Your Business"
+        <HeroBillboardDashboard
+          title="Professional Websites Built for Your Business"
           description="Custom web design that drives customers to restaurants, landscaping companies, and retail businesses. Fast, affordable, and designed specifically for your industry."
+          tag="Web Design Solutions"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
           buttons={[
             { text: "Get Your Website Built", href: "#contact" },
             { text: "View Our Process", href: "#features" }
           ]}
           buttonAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-vector/blue-technology-circuit-diagram-with-glowing-line-lights_1017-17266.jpg?id=3922435"
-          imageAlt="Professional website design showcase"
-          showDimOverlay={false}
-          ariaLabel="Trendline Digital hero section"
+          background={{ variant: "gradient-bars" }}
+          dashboard={{
+            title: "Dashboard Metrics",            logoIcon: Sparkles,
+            stats: [
+              {
+                title: "Client Satisfaction",                values: [98, 99, 98],
+                valueSuffix: "%",                description: "Average rating from clients",                titleMobile: "Satisfaction"
+              },
+              {
+                title: "Websites Launched",                values: [150, 160, 155],
+                description: "Active projects completed",                titleMobile: "Launched"
+              },
+              {
+                title: "Average Turnaround",                values: [14, 10, 12],
+                valueSuffix: " days",                description: "Quick delivery timeline",                titleMobile: "Turnaround"
+              }
+            ],
+            searchPlaceholder: "Search projects",            chartTitle: "Performance Overview",            chartData: [
+              { value: 65 },
+              { value: 78 },
+              { value: 72 },
+              { value: 85 },
+              { value: 90 }
+            ],
+            sidebarItems: [
+              { icon: Palette, active: true },
+              { icon: Zap, active: false },
+              { icon: Target, active: false },
+              { icon: Award, active: false }
+            ],
+            buttons: [
+              { text: "Get Started", href: "#contact" },
+              { text: "Learn More", href: "#features" }
+            ],
+            listTitle: "Recent Projects",            listItems: [
+              { icon: House, title: "Restaurant Website", status: "Completed" },
+              { icon: MessageSquareText, title: "Landscaping Portal", status: "Completed" },
+              { icon: Settings, title: "Retail Platform", status: "In Progress" },
+              { icon: CircleDollarSign, title: "E-commerce Site", status: "In Review" }
+            ],
+            imageSrc: "http://img.b2bpic.net/free-vector/blue-technology-circuit-diagram-with-glowing-line-lights_1017-17266.jpg?id=3922435",            imageAlt: "Professional website design showcase",            videoAriaLabel: "Dashboard demonstration video"
+          }}
+          ariaLabel="Trendline Digital hero section with KPI metrics"
         />
       </div>
 
-- 
2.49.1