From afc109267c864bf45c94349d5233ab4e07806a90 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 3 Apr 2026 17:26:49 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 318 +++++++++--------------------------------------
 1 file changed, 61 insertions(+), 257 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 719a625..19f5b85 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "#about"},
         {
-          name: "Services",
-          id: "#features",
-        },
+          name: "Services",          id: "#features"},
         {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+          name: "Testimonials",          id: "#testimonials"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="BrightTruth"
     />
@@ -55,112 +47,42 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Clear Digital Growth for Local Businesses"
       description="BrightTruth delivers high-performance websites built with 2 years of proven local market expertise. We turn your online presence into your strongest asset."
       leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/water-wave-texture-background-white-design_53876-146645.jpg?_wi=1",
-          imageAlt: "Digital growth concept",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-disinfecting-products-desk_23-2148848548.jpg?_wi=1",
-          imageAlt: "Web design dashboard",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-computer-wooden-table-night-work-desk_169016-50746.jpg?_wi=1",
-          imageAlt: "Code environment",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-wave-texture-background_474888-7158.jpg?_wi=1",
-          imageAlt: "Floating glass UI",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104482.jpg?_wi=1",
-          imageAlt: "Responsive preview",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-pink-blue-lights-background_1017-2786.jpg?_wi=1",
-          imageAlt: "Network nodes",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/water-wave-texture-background-white-design_53876-146645.jpg", imageAlt: "Digital growth concept" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/arrangement-disinfecting-products-desk_23-2148848548.jpg", imageAlt: "Web design dashboard" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/top-view-computer-wooden-table-night-work-desk_169016-50746.jpg", imageAlt: "Code environment" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/abstract-wave-texture-background_474888-7158.jpg", imageAlt: "Floating glass UI" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104482.jpg", imageAlt: "Responsive preview" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/abstract-pink-blue-lights-background_1017-2786.jpg", imageAlt: "Network nodes" }
       ]}
       rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-pink-blue-lights-background_1017-2786.jpg?_wi=2",
-          imageAlt: "Network nodes",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104482.jpg?_wi=2",
-          imageAlt: "Responsive preview",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-wave-texture-background_474888-7158.jpg?_wi=2",
-          imageAlt: "Floating glass UI",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-computer-wooden-table-night-work-desk_169016-50746.jpg?_wi=2",
-          imageAlt: "Code environment",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-disinfecting-products-desk_23-2148848548.jpg?_wi=2",
-          imageAlt: "Web design dashboard",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/water-wave-texture-background-white-design_53876-146645.jpg?_wi=2",
-          imageAlt: "Digital growth concept",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/abstract-pink-blue-lights-background_1017-2786.jpg", imageAlt: "Network nodes" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104482.jpg", imageAlt: "Responsive preview" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/abstract-wave-texture-background_474888-7158.jpg", imageAlt: "Floating glass UI" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/top-view-computer-wooden-table-night-work-desk_169016-50746.jpg", imageAlt: "Code environment" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/arrangement-disinfecting-products-desk_23-2148848548.jpg", imageAlt: "Web design dashboard" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/water-wave-texture-background-white-design_53876-146645.jpg", imageAlt: "Digital growth concept" }
       ]}
       buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
+        { text: "Get Started", href: "#contact" }
       ]}
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
-          alt: "Sarah",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-bearded-modern-male-with-tattoos-his-arms-posing-near-window-room-with-loft-interior_613910-3595.jpg",
-          alt: "Mark",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
-          alt: "Elena",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg",
-          alt: "David",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg",
-          alt: "Alice",
-        },
+        { src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", alt: "Sarah" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-bearded-modern-male-with-tattoos-his-arms-posing-near-window-room-with-loft-interior_613910-3595.jpg", alt: "Mark" },
+        { src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", alt: "Elena" },
+        { src: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg", alt: "David" },
+        { src: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg", alt: "Alice" }
       ]}
       avatarText="Trusted by 50+ local leaders"
       marqueeItems={[
-        {
-          type: "text",
-          text: "Lightning Fast",
-        },
-        {
-          type: "text",
-          text: "Mobile Responsive",
-        },
-        {
-          type: "text",
-          text: "SEO Optimized",
-        },
-        {
-          type: "text",
-          text: "Secure Hosting",
-        },
-        {
-          type: "text",
-          text: "Modern UI/UX",
-        },
+        { type: "text", text: "Lightning Fast" },
+        { type: "text", text: "Mobile Responsive" },
+        { type: "text", text: "SEO Optimized" },
+        { type: "text", text: "Secure Hosting" },
+        { type: "text", text: "Modern UI/UX" }
       ]}
     />
   </div>
@@ -172,18 +94,9 @@ export default function LandingPage() {
       title="Honest Web Development"
       description="BrightTruth was built on the foundation of transparency. With 2 years of intense development experience, we focus on what actually moves the needle for your business—fast load times, mobile friendliness, and clear calls to action."
       bulletPoints={[
-        {
-          title: "2 Years of Focused Work",
-          description: "Rapidly refined technical skills tailored to local business needs.",
-        },
-        {
-          title: "Transparent Process",
-          description: "No hidden jargon. You see exactly what we're building and why.",
-        },
-        {
-          title: "Growth-First Mindset",
-          description: "Every element of your site is designed to convert visitors into clients.",
-        },
+        { title: "2 Years of Focused Work", description: "Rapidly refined technical skills tailored to local business needs." },
+        { title: "Transparent Process", description: "No hidden jargon. You see exactly what we're building and why." },
+        { title: "Growth-First Mindset", description: "Every element of your site is designed to convert visitors into clients." }
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/business-man-working-late_23-2148991290.jpg"
       mediaAnimation="slide-up"
@@ -197,24 +110,9 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={true}
       features={[
-        {
-          id: "1",
-          title: "Lightning Speed",
-          description: "Optimized code for instant loading times.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working-laptop_23-2148886881.jpg",
-        },
-        {
-          id: "2",
-          title: "Mobile First",
-          description: "Seamless experience on every phone and device.",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app_23-2149880604.jpg",
-        },
-        {
-          id: "3",
-          title: "Ironclad Security",
-          description: "Built-in protection to keep your business safe.",
-          imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105508.jpg",
-        },
+        { id: "1", title: "Lightning Speed", description: "Optimized code for instant loading times.", imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working-laptop_23-2148886881.jpg" },
+        { id: "2", title: "Mobile First", description: "Seamless experience on every phone and device.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app_23-2149880604.jpg" },
+        { id: "3", title: "Ironclad Security", description: "Built-in protection to keep your business safe.", imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105508.jpg" }
       ]}
       title="Why BrightTruth?"
       description="We don't just build sites; we build digital storefronts that work 24/7."
@@ -223,27 +121,13 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardThree
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          icon: Zap,
-          title: "Projects Completed",
-          value: "20+",
-        },
-        {
-          id: "m2",
-          icon: Clock,
-          title: "Years Experience",
-          value: "2",
-        },
-        {
-          id: "m3",
-          icon: Smile,
-          title: "Client Retention",
-          value: "100%",
-        },
+        { id: "m1", icon: Zap, title: "Projects Completed", value: "20+" },
+        { id: "m2", icon: Clock, title: "Years Experience", value: "2" },
+        { id: "m3", icon: Smile, title: "Client Retention", value: "100%" }
       ]}
       title="Our Impact"
       description="Numbers that reflect our commitment to your success."
@@ -256,60 +140,16 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Jenkins",
-          role: "Owner",
-          company: "Jenkins Boutique",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
-        },
-        {
-          id: "2",
-          name: "Mark Miller",
-          role: "Manager",
-          company: "City Eats",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-modern-male-with-tattoos-his-arms-posing-near-window-room-with-loft-interior_613910-3595.jpg",
-        },
-        {
-          id: "3",
-          name: "Elena Rodriguez",
-          role: "CEO",
-          company: "TechStream",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
-        },
-        {
-          id: "4",
-          name: "David Thorne",
-          role: "Founder",
-          company: "Thorne Plumbing",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg",
-        },
-        {
-          id: "5",
-          name: "Alice Wong",
-          role: "Director",
-          company: "Wong Interiors",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg",
-        },
+        { id: "1", name: "Sarah Jenkins", role: "Owner", company: "Jenkins Boutique", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg" },
+        { id: "2", name: "Mark Miller", role: "Manager", company: "City Eats", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-modern-male-with-tattoos-his-arms-posing-near-window-room-with-loft-interior_613910-3595.jpg" },
+        { id: "3", name: "Elena Rodriguez", role: "CEO", company: "TechStream", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg" },
+        { id: "4", name: "David Thorne", role: "Founder", company: "Thorne Plumbing", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg" },
+        { id: "5", name: "Alice Wong", role: "Director", company: "Wong Interiors", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg" }
       ]}
       kpiItems={[
-        {
-          value: "5/5",
-          label: "Avg Rating",
-        },
-        {
-          value: "95%",
-          label: "Referral Rate",
-        },
-        {
-          value: "100%",
-          label: "Satisfaction",
-        },
+        { value: "5/5", label: "Avg Rating" },
+        { value: "95%", label: "Referral Rate" },
+        { value: "100%", label: "Satisfaction" }
       ]}
       title="Success Stories"
       description="Don't just take our word for it."
@@ -321,21 +161,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "How long does a build take?",
-          content: "Typically 2-4 weeks, depending on the project scope.",
-        },
-        {
-          id: "f2",
-          title: "Do I own my website?",
-          content: "Absolutely. You own 100% of the code and assets.",
-        },
-        {
-          id: "f3",
-          title: "Do you offer maintenance?",
-          content: "Yes, we provide ongoing care to keep your site updated.",
-        },
+        { id: "f1", title: "How long does a build take?", content: "Typically 2-4 weeks, depending on the project scope." },
+        { id: "f2", title: "Do I own my website?", content: "Absolutely. You own 100% of the code and assets." },
+        { id: "f3", title: "Do you offer maintenance?", content: "Yes, we provide ongoing care to keep your site updated." }
       ]}
       title="Common Questions"
       description="Get quick answers to the most frequently asked questions."
@@ -348,23 +176,13 @@ export default function LandingPage() {
       animationType="slide-up"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "c1",
-          title: "Where are you based?",
-          content: "We operate locally and serve businesses across the region.",
-        },
-        {
-          id: "c2",
-          title: "What's the first step?",
-          content: "Fill out the contact form or send us an email to schedule a consult.",
-        },
+        { id: "c1", title: "Where are you based?", content: "We operate locally and serve businesses across the region." },
+        { id: "c2", title: "What's the first step?", content: "Fill out the contact form or send us an email to schedule a consult." }
       ]}
       ctaTitle="Let's Build Something Great"
       ctaDescription="Have a project in mind? We'd love to chat and see how BrightTruth can help."
       ctaButton={{
-        text: "Send a Message",
-        href: "mailto:hello@brighttruth.com",
-      }}
+        text: "Send a Message",        href: "mailto:hello@brighttruth.com"}}
       ctaIcon={Mail}
     />
   </div>
@@ -374,31 +192,17 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/top-skyscraper-surrounded-with-clouds_181624-156.jpg"
       columns={[
         {
-          title: "BrightTruth",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-          ],
+          title: "BrightTruth",          items: [
+            { label: "About", href: "#about" },
+            { label: "Services", href: "#features" }
+          ]
         },
         {
-          title: "Connect",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "LinkedIn",
-              href: "#",
-            },
-          ],
-        },
+          title: "Connect",          items: [
+            { label: "Contact", href: "#contact" },
+            { label: "LinkedIn", href: "#" }
+          ]
+        }
       ]}
       copyrightText="© 2025 | BrightTruth"
     />
-- 
2.49.1