Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -4,13 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
+import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import { Headphones } from "lucide-react";
+import { Headphones, User, BarChart, Settings, Mail, Clock, ShieldCheck, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,40 +30,39 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Work",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Cases",
-          id: "cases",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Work", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Cases", id: "cases" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="ALGER"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="ALGER"
-      description="Sound Engineer / Producer. Sound level: USA & Europe. Fast. Clean. No vibe loss."
-      buttons={[
-        {
-          text: "Start Project",
-          href: "#contact",
-        },
-      ]}
-      buttonAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916013.jpg"
-      imageAlt="Alger Sound Producer Hero"
+      <HeroBillboardDashboard
+      title="Sound Precision for Creators"
+      description="Professional sound engineering and production. Elevating audio projects to international standards with speed and clarity."
+      tag="ALGER STUDIO"
+      background={{ variant: "sparkles-gradient" }}
+      buttons={[{ text: "Start Project", href: "#contact" }]}
+      dashboard={{
+        title: "Alger Sound Dashboard",        logoIcon: Headphones,
+        sidebarItems: [{ icon: User, active: true }, { icon: BarChart }, { icon: Settings }],
+        buttons: [{ text: "View", href: "#" }],
+        chartTitle: "Production Volume",        chartData: [{ value: 40 }, { value: 65 }, { value: 55 }, { value: 80 }, { value: 70 }],
+        listTitle: "Recent Projects",        listItems: [
+          { icon: Clock, title: "Mixing: Granz", status: "Completed" },
+          { icon: Zap, title: "Mastering: YANA M", status: "Completed" },
+          { icon: ShieldCheck, title: "Beat Production: Batiskaf", status: "In Progress" }
+        ],
+        stats: [
+            { title: "Tracks Mixed", values: [450, 500, 550], description: "Professional mixing sessions completed." },
+            { title: "Artists", values: [120, 150, 180], description: "Unique artists collaborated with." },
+            { title: "Sound Assets", values: [800, 1000, 1200], description: "Custom sound designs delivered." }
+        ],
+        imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916013.jpg"
+      }}
     />
   </div>
 
@@ -87,42 +86,12 @@ export default function LandingPage() {
       gridVariant="two-columns-alternating-heights"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Mixing",
-          price: "15,000 ₽+",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-background-with-flowing-digital-particles_1048-15439.jpg?_wi=1",
-        },
-        {
-          id: "p2",
-          name: "Mastering",
-          price: "6,000 ₽+",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-background-with-flowing-digital-particles_1048-15439.jpg?_wi=2",
-        },
-        {
-          id: "p3",
-          name: "Beat Production",
-          price: "10,000 ₽+",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-background-with-flowing-digital-particles_1048-15439.jpg?_wi=3",
-        },
-        {
-          id: "p4",
-          name: "Full Production",
-          price: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-background-with-flowing-digital-particles_1048-15439.jpg?_wi=4",
-        },
-        {
-          id: "p5",
-          name: "Vocal Edit",
-          price: "From 5k",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-background-with-flowing-digital-particles_1048-15439.jpg?_wi=5",
-        },
-        {
-          id: "p6",
-          name: "Sound Design",
-          price: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-background-with-flowing-digital-particles_1048-15439.jpg?_wi=6",
-        },
+        { id: "p1", name: "Mixing", price: "15,000 ₽+", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-background-with-flowing-digital-particles_1048-15439.jpg?_wi=1" },
+        { id: "p2", name: "Mastering", price: "6,000 ₽+", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-background-with-flowing-digital-particles_1048-15439.jpg?_wi=2" },
+        { id: "p3", name: "Beat Production", price: "10,000 ₽+", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-background-with-flowing-digital-particles_1048-15439.jpg?_wi=3" },
+        { id: "p4", name: "Full Production", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-background-with-flowing-digital-particles_1048-15439.jpg?_wi=4" },
+        { id: "p5", name: "Vocal Edit", price: "From 5k", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-background-with-flowing-digital-particles_1048-15439.jpg?_wi=5" },
+        { id: "p6", name: "Sound Design", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-technology-background-with-flowing-digital-particles_1048-15439.jpg?_wi=6" },
       ]}
       title="Services"
       description="Professional sound services for artists and creators."
@@ -133,31 +102,11 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Гранж",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-hippie-man-red-bandana-with-bare-torso-rolls-tobacco-cigarette-cafe-bali_1321-4135.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Тринадцать карат",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-hippie-man-red-bandana-with-bare-torso-rolls-tobacco-cigarette-cafe-bali_1321-4135.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Shapo Dior",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-hippie-man-red-bandana-with-bare-torso-rolls-tobacco-cigarette-cafe-bali_1321-4135.jpg?_wi=3",
-        },
-        {
-          id: "4",
-          name: "YANA M",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-hippie-man-red-bandana-with-bare-torso-rolls-tobacco-cigarette-cafe-bali_1321-4135.jpg?_wi=4",
-        },
-        {
-          id: "5",
-          name: "Батискаф",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-hippie-man-red-bandana-with-bare-torso-rolls-tobacco-cigarette-cafe-bali_1321-4135.jpg?_wi=5",
-        },
+        { id: "1", name: "Гранж", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-hippie-man-red-bandana-with-bare-torso-rolls-tobacco-cigarette-cafe-bali_1321-4135.jpg?_wi=1" },
+        { id: "2", name: "Тринадцать карат", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-hippie-man-red-bandana-with-bare-torso-rolls-tobacco-cigarette-cafe-bali_1321-4135.jpg?_wi=2" },
+        { id: "3", name: "Shapo Dior", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-hippie-man-red-bandana-with-bare-torso-rolls-tobacco-cigarette-cafe-bali_1321-4135.jpg?_wi=3" },
+        { id: "4", name: "YANA M", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-hippie-man-red-bandana-with-bare-torso-rolls-tobacco-cigarette-cafe-bali_1321-4135.jpg?_wi=4" },
+        { id: "5", name: "Батискаф", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-hippie-man-red-bandana-with-bare-torso-rolls-tobacco-cigarette-cafe-bali_1321-4135.jpg?_wi=5" },
       ]}
       cardTitle="Artist Collaborations"
       cardTag="CASE STUDIES"
@@ -171,31 +120,11 @@ export default function LandingPage() {
       title="Why Work With Alger"
       tag="ADVANTAGES"
       metrics={[
-        {
-          id: "m1",
-          value: "USA/EU",
-          description: "International Level Sound",
-        },
-        {
-          id: "m2",
-          value: "Speed",
-          description: "Optimized workflow",
-        },
-        {
-          id: "m3",
-          value: "Vibe",
-          description: "Deep understanding",
-        },
-        {
-          id: "m4",
-          value: "Clarity",
-          description: "Crystal clear mix",
-        },
-        {
-          id: "m5",
-          value: "Support",
-          description: "Artist-first approach",
-        },
+        { id: "m1", value: "USA/EU", description: "International Level Sound" },
+        { id: "m2", value: "Speed", description: "Optimized workflow" },
+        { id: "m3", value: "Vibe", description: "Deep understanding" },
+        { id: "m4", value: "Clarity", description: "Crystal clear mix" },
+        { id: "m5", value: "Support", description: "Artist-first approach" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -204,18 +133,11 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       tag="CONTACT"
       title="Ready to work?"
       description="I respond quickly. Contact me on Telegram, Instagram, or Email."
-      buttons={[
-        {
-          text: "Contact Me",
-          href: "mailto:alger@studio.com",
-        },
-      ]}
+      buttons={[{ text: "Contact Me", href: "mailto:alger@studio.com" }]}
     />
   </div>
 
@@ -224,30 +146,10 @@ export default function LandingPage() {
       logoText="ALGER"
       columns={[
         {
-          title: "Connect",
-          items: [
-            {
-              label: "Telegram",
-              href: "#",
-            },
-            {
-              label: "Instagram",
-              href: "#",
-            },
-          ],
+          title: "Connect",          items: [{ label: "Telegram", href: "#" }, { label: "Instagram", href: "#" }],
         },
         {
-          title: "Studio",
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Cases",
-              href: "#cases",
-            },
-          ],
+          title: "Studio",          items: [{ label: "Services", href: "#services" }, { label: "Cases", href: "#cases" }],
         },
       ]}
     />
@@ -255,4 +157,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}