From f78bc03ef1efaf4cbdb1f7850bf05099e29477f4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 12 May 2026 16:30:01 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 264 +++++++----------------------------------------
 1 file changed, 39 insertions(+), 225 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index effc39c..ed933cb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,22 +32,14 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Projects",
-          id: "projects",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Projects", id: "projects" },
+        { name: "Metrics", id: "metrics" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "FAQ", id: "faq" },
+        { name: "Contact", id: "contact" }
       ]}
       brandName="Dot Labs"
     />
@@ -57,16 +49,7 @@ export default function LandingPage() {
       <HeroLogo
       logoText="We Build Digital Experiences That Feel Alive."
       description="Dot Labs creates cinematic brands, AI-powered systems, and immersive digital experiences for modern businesses."
-      buttons={[
-        {
-          text: "Book a Call",
-          href: "#contact",
-        },
-        {
-          text: "View Projects",
-          href: "#projects",
-        },
-      ]}
+      buttons={[{ text: "Book a Call", href: "#contact" }, { text: "View Projects", href: "#projects" }]}
       buttonAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/low-poly-background-with-connecting-lines-dots_1048-6496.jpg"
       imageAlt="Dot Labs Hero Graphic"
@@ -78,12 +61,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Creative Innovation Studio"
       description="We specialize in Branding, Web Development, Motion Design, AI Automation, Content Creation, and Digital Marketing to push the boundaries of technology."
-      buttons={[
-        {
-          text: "Explore Services",
-          href: "#services",
-        },
-      ]}
+      buttons={[{ text: "Explore Services", href: "#services" }]}
       imageSrc="http://img.b2bpic.net/free-photo/professional-studio-setup-ai-generated-content-photography-editing_482257-126882.jpg"
       imageAlt="Dot Labs Creative Studio"
     />
@@ -92,56 +70,15 @@ export default function LandingPage() {
   <div id="services" data-section="services">
       <FeatureCardTwentyThree
       textboxLayout="split"
+      animationType="blur-reveal"
       useInvertedBackground={false}
       features={[
-        {
-          id: "s1",
-          title: "Branding Design",
-          tags: [
-            "Premium",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-art-made-from-3d-geometric-shapes_23-2150829291.jpg",
-        },
-        {
-          id: "s2",
-          title: "Web Development",
-          tags: [
-            "Modern",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/assortment-abstract-design-elements_23-2148996837.jpg",
-        },
-        {
-          id: "s3",
-          title: "Motion Design",
-          tags: [
-            "Cinematic",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-abstract-design-elements-arrangement_23-2148996798.jpg",
-        },
-        {
-          id: "s4",
-          title: "AI Automation",
-          tags: [
-            "Future",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/ai-startup-intern-holding-laptop-asks-questions-senior-technician_482257-118733.jpg",
-        },
-        {
-          id: "s5",
-          title: "Video Editing",
-          tags: [
-            "Creative",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/blue-bell-icon-notifications-alerts_187299-46546.jpg",
-        },
-        {
-          id: "s6",
-          title: "Marketing",
-          tags: [
-            "Digital",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/web-design-25-flat-color-icon-pack-including-setting-tools-document-repair-tablet_1142-25106.jpg",
-        },
+        { id: "s1", title: "Branding Design", tags: ["Premium"], imageSrc: "http://img.b2bpic.net/free-photo/abstract-art-made-from-3d-geometric-shapes_23-2150829291.jpg" },
+        { id: "s2", title: "Web Development", tags: ["Modern"], imageSrc: "http://img.b2bpic.net/free-photo/assortment-abstract-design-elements_23-2148996837.jpg" },
+        { id: "s3", title: "Motion Design", tags: ["Cinematic"], imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-abstract-design-elements-arrangement_23-2148996798.jpg" },
+        { id: "s4", title: "AI Automation", tags: ["Future"], imageSrc: "http://img.b2bpic.net/free-photo/ai-startup-intern-holding-laptop-asks-questions-senior-technician_482257-118733.jpg" },
+        { id: "s5", title: "Video Editing", tags: ["Creative"], imageSrc: "http://img.b2bpic.net/free-photo/blue-bell-icon-notifications-alerts_187299-46546.jpg" },
+        { id: "s6", title: "Marketing", tags: ["Digital"], imageSrc: "http://img.b2bpic.net/free-vector/web-design-25-flat-color-icon-pack-including-setting-tools-document-repair-tablet_1142-25106.jpg" }
       ]}
       title="Our Expertise"
       description="High-end digital solutions designed to elevate your brand into the future."
@@ -155,54 +92,12 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          brand: "Tech",
-          name: "SaaS Website",
-          price: "Featured",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/three-smart-blank-screens-wall_53876-160689.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Luxury",
-          name: "Brand Identity",
-          price: "Featured",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166800.jpg",
-        },
-        {
-          id: "p3",
-          brand: "AI",
-          name: "Promo Video",
-          price: "Featured",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-mixed-texture-background_23-2148227021.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Event",
-          name: "Expo Branding",
-          price: "Featured",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-psd/modern-glamour-flyer-template_23-2148583475.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Campaign",
-          name: "Marketing Set",
-          price: "Featured",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/inspire-believe-dream-create-concept_53876-124158.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Design",
-          name: "Portfolio Set",
-          price: "Featured",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379217.jpg",
-        },
+        { id: "p1", brand: "Tech", name: "SaaS Website", price: "Featured", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/three-smart-blank-screens-wall_53876-160689.jpg" },
+        { id: "p2", brand: "Luxury", name: "Brand Identity", price: "Featured", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166800.jpg" },
+        { id: "p3", brand: "AI", name: "Promo Video", price: "Featured", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/abstract-mixed-texture-background_23-2148227021.jpg" },
+        { id: "p4", brand: "Event", name: "Expo Branding", price: "Featured", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-psd/modern-glamour-flyer-template_23-2148583475.jpg" },
+        { id: "p5", brand: "Campaign", name: "Marketing Set", price: "Featured", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/inspire-believe-dream-create-concept_53876-124158.jpg" },
+        { id: "p6", brand: "Design", name: "Portfolio Set", price: "Featured", rating: 5, reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379217.jpg" }
       ]}
       title="Featured Projects"
       description="Selected work showcasing our commitment to premium quality and innovation."
@@ -215,24 +110,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          icon: Award,
-          title: "Projects Completed",
-          value: "50+",
-        },
-        {
-          id: "m2",
-          icon: Users,
-          title: "Brands Elevated",
-          value: "10+",
-        },
-        {
-          id: "m3",
-          icon: Clock,
-          title: "Creative Support",
-          value: "24/7",
-        },
+        { id: "m1", icon: Award, title: "Projects Completed", value: "50+" },
+        { id: "m2", icon: Users, title: "Brands Elevated", value: "10+" },
+        { id: "m3", icon: Clock, title: "Creative Support", value: "24/7" }
       ]}
       title="Agency Milestones"
       description="Measurable growth through creative excellence."
@@ -246,26 +126,11 @@ export default function LandingPage() {
       rating={5}
       author="Sarah Jenkins, TechVision"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-asian-freelance-developer-drawing-action-plan-flipchart-blonde-young-female-managers-looking-foreign-colleague-which-writing-something-board_197531-3769.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/modern-woman-standing-wall_23-2148415940.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/trendy-young-man-shirt-with-jacket-his-shoulder_613910-10662.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg",
-          alt: "Client 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg", alt: "Client 1" },
+        { src: "http://img.b2bpic.net/free-photo/smiling-asian-freelance-developer-drawing-action-plan-flipchart-blonde-young-female-managers-looking-foreign-colleague-which-writing-something-board_197531-3769.jpg", alt: "Client 2" },
+        { src: "http://img.b2bpic.net/free-photo/modern-woman-standing-wall_23-2148415940.jpg", alt: "Client 3" },
+        { src: "http://img.b2bpic.net/free-photo/trendy-young-man-shirt-with-jacket-his-shoulder_613910-10662.jpg", alt: "Client 4" },
+        { src: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg", alt: "Client 5" }
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="blur-reveal"
@@ -277,21 +142,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "What is the typical timeline?",
-          content: "Our projects typically range from 4-8 weeks depending on the scope of work.",
-        },
-        {
-          id: "f2",
-          title: "Do you offer maintenance?",
-          content: "Yes, we provide full digital support and ongoing maintenance packages.",
-        },
-        {
-          id: "f3",
-          title: "What industries do you serve?",
-          content: "We serve tech, luxury, lifestyle, and high-growth startup sectors globally.",
-        },
+        { id: "f1", title: "What is the typical timeline?", content: "Our projects typically range from 4-8 weeks depending on the scope of work." },
+        { id: "f2", title: "Do you offer maintenance?", content: "Yes, we provide full digital support and ongoing maintenance packages." },
+        { id: "f3", title: "What industries do you serve?", content: "We serve tech, luxury, lifestyle, and high-growth startup sectors globally." }
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/row-empty-chairs-office_23-2147899557.jpg"
       mediaAnimation="blur-reveal"
@@ -304,24 +157,9 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       text="Let’s Build Something Extraordinary."
-      buttons={[
-        {
-          text: "Instagram",
-          href: "#",
-        },
-        {
-          text: "Email",
-          href: "mailto:hello@dotlabs.com",
-        },
-        {
-          text: "WhatsApp",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Instagram", href: "#" }, { text: "Email", href: "mailto:hello@dotlabs.com" }, { text: "WhatsApp", href: "#" }]}
     />
   </div>
 
@@ -329,32 +167,8 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Dot Labs"
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Projects",
-              href: "#projects",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Projects", href: "#projects" }] },
+        { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] }
       ]}
       copyrightText="Dot Labs © 2026"
     />
@@ -362,4 +176,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1