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

---
 src/app/page.tsx | 358 +++++++++--------------------------------------
 1 file changed, 67 insertions(+), 291 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 40fd129..3f65a4e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,7 +13,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TeamCardFive from '@/components/sections/team/TeamCardFive';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Award, Rocket, Sparkles, Star, Users } from "lucide-react";
+import { Award, Rocket, Sparkles, Star, Users, ArrowRight } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -33,22 +33,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Work",
-          id: "#work",
-        },
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Work", id: "#work" },
+        { name: "Services", id: "#services" },
+        { name: "About", id: "#about" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="Lumina Creative"
     />
@@ -56,118 +44,44 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       title="Where Vision Meets Digital Precision."
       description="Lumina Creative crafts high-end digital experiences for brands that demand excellence. We blend artistry with robust engineering to build the future of the web."
       leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/world-happy-pride-day-laptop_23-2148516277.jpg?_wi=1",
-          imageAlt: "Concept 1",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-sitting-table_23-2149345221.jpg?_wi=1",
-          imageAlt: "Concept 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797638.jpg?_wi=1",
-          imageAlt: "Concept 3",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/burning-paper-background-still-life_23-2150093312.jpg?_wi=1",
-          imageAlt: "Concept 4",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/bright-turquoise-yellow-paint_23-2147745432.jpg?_wi=1",
-          imageAlt: "Concept 5",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/messy-office-desk-still-life_23-2150155614.jpg?_wi=1",
-          imageAlt: "Concept 6",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/world-happy-pride-day-laptop_23-2148516277.jpg", imageAlt: "Concept 1" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-sitting-table_23-2149345221.jpg", imageAlt: "Concept 2" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797638.jpg", imageAlt: "Concept 3" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/burning-paper-background-still-life_23-2150093312.jpg", imageAlt: "Concept 4" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/bright-turquoise-yellow-paint_23-2147745432.jpg", imageAlt: "Concept 5" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/messy-office-desk-still-life_23-2150155614.jpg", imageAlt: "Concept 6" },
       ]}
       rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/messy-office-desk-still-life_23-2150155614.jpg?_wi=2",
-          imageAlt: "Concept 6",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/bright-turquoise-yellow-paint_23-2147745432.jpg?_wi=2",
-          imageAlt: "Concept 5",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/burning-paper-background-still-life_23-2150093312.jpg?_wi=2",
-          imageAlt: "Concept 4",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797638.jpg?_wi=2",
-          imageAlt: "Concept 3",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-sitting-table_23-2149345221.jpg?_wi=2",
-          imageAlt: "Concept 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/world-happy-pride-day-laptop_23-2148516277.jpg?_wi=2",
-          imageAlt: "Concept 1",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/messy-office-desk-still-life_23-2150155614.jpg", imageAlt: "Concept 6" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/bright-turquoise-yellow-paint_23-2147745432.jpg", imageAlt: "Concept 5" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/burning-paper-background-still-life_23-2150093312.jpg", imageAlt: "Concept 4" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797638.jpg", imageAlt: "Concept 3" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-sitting-table_23-2149345221.jpg", imageAlt: "Concept 2" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/world-happy-pride-day-laptop_23-2148516277.jpg", imageAlt: "Concept 1" },
       ]}
       tag="Award-Winning Digital Agency"
       buttons={[
-        {
-          text: "View Our Work",
-          href: "#work",
-        },
-        {
-          text: "Start a Project",
-          href: "#contact",
-        },
+        { text: "View Our Work", href: "#work" },
+        { text: "Start a Project", href: "#contact" },
       ]}
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-man-with-beard-holding-virtual-currency-bitcoin-retail-shop-smiling-with-idea-question-pointing-finger-with-happy-face-number-one_839833-28138.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/talented-writer-is-ready-present-his-new-book-he-is-doing-last-notes_613910-14617.jpg",
-          alt: "Client 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", alt: "Client 1" },
+        { src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg", alt: "Client 2" },
+        { src: "http://img.b2bpic.net/free-photo/young-man-with-beard-holding-virtual-currency-bitcoin-retail-shop-smiling-with-idea-question-pointing-finger-with-happy-face-number-one_839833-28138.jpg", alt: "Client 3" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg", alt: "Client 4" },
+        { src: "http://img.b2bpic.net/free-photo/talented-writer-is-ready-present-his-new-book-he-is-doing-last-notes_613910-14617.jpg", alt: "Client 5" },
       ]}
       avatarText="Trusted by 500+ global brands"
       marqueeItems={[
-        {
-          type: "text",
-          text: "Innovation",
-        },
-        {
-          type: "text",
-          text: "Design",
-        },
-        {
-          type: "text",
-          text: "Engineering",
-        },
-        {
-          type: "text",
-          text: "Strategy",
-        },
-        {
-          type: "text",
-          text: "Growth",
-        },
+        { type: "text", text: "Innovation" },
+        { type: "text", text: "Design" },
+        { type: "text", text: "Engineering" },
+        { type: "text", text: "Strategy" },
+        { type: "text", text: "Growth" },
       ]}
     />
   </div>
@@ -178,28 +92,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Strategy",
-          description: "Defining your digital identity through data and creative research.",
-          bentoComponent: "globe",
-          imageSrc: "http://img.b2bpic.net/free-photo/world-happy-pride-day-laptop_23-2148516277.jpg?_wi=3",
-          imageAlt: "digital agency office concept dark theme",
-        },
-        {
-          title: "UI Design",
-          description: "Pixel-perfect interfaces crafted to drive user engagement and conversion.",
-          bentoComponent: "reveal-icon",
-          icon: Sparkles,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-sitting-table_23-2149345221.jpg?_wi=3",
-          imageAlt: "design studio professional working atmosphere",
-        },
-        {
-          title: "Web Development",
-          description: "Robust, scalable codebases built on the latest technologies.",
-          bentoComponent: "animated-bar-chart",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797638.jpg?_wi=3",
-          imageAlt: "modern architecture design studio high end",
-        },
+        { title: "Strategy", description: "Defining your digital identity through data and creative research.", bentoComponent: "globe" },
+        { title: "UI Design", description: "Pixel-perfect interfaces crafted to drive user engagement and conversion.", bentoComponent: "reveal-icon", icon: Sparkles },
+        { title: "Web Development", description: "Robust, scalable codebases built on the latest technologies.", bentoComponent: "animated-bar-chart" },
       ]}
       title="Full-Service Digital Innovation"
       description="We offer a suite of services designed to propel your brand into the digital era with sophistication and technical edge."
@@ -211,24 +106,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Tech Haven",
-          description: "Modern SaaS platform redesign for a Silicon Valley startup.",
-          imageSrc: "http://img.b2bpic.net/free-psd/hand-drawn-asian-restaurant-instagram-posts-template_23-2149962864.jpg?_wi=1",
-          buttonIcon: "ArrowRight",
-        },
-        {
-          title: "Global Logistics",
-          description: "Dynamic web solution for international shipping operations.",
-          imageSrc: "http://img.b2bpic.net/free-psd/hand-drawn-asian-restaurant-instagram-posts-template_23-2149962864.jpg?_wi=2",
-          buttonIcon: "ArrowRight",
-        },
-        {
-          title: "Fintech Solutions",
-          description: "High-security banking interface with custom analytics.",
-          imageSrc: "http://img.b2bpic.net/free-psd/hand-drawn-asian-restaurant-instagram-posts-template_23-2149962864.jpg?_wi=3",
-          buttonIcon: "ArrowRight",
-        },
+        { title: "Tech Haven", description: "Modern SaaS platform redesign for a Silicon Valley startup.", imageSrc: "http://img.b2bpic.net/free-psd/hand-drawn-asian-restaurant-instagram-posts-template_23-2149962864.jpg", buttonIcon: ArrowRight },
+        { title: "Global Logistics", description: "Dynamic web solution for international shipping operations.", imageSrc: "http://img.b2bpic.net/free-psd/hand-drawn-asian-restaurant-instagram-posts-template_23-2149962864.jpg", buttonIcon: ArrowRight },
+        { title: "Fintech Solutions", description: "High-security banking interface with custom analytics.", imageSrc: "http://img.b2bpic.net/free-psd/hand-drawn-asian-restaurant-instagram-posts-template_23-2149962864.jpg", buttonIcon: ArrowRight },
       ]}
       title="Selected Work"
       description="A glimpse into our recent collaborations with visionary brands across the globe."
@@ -242,26 +122,11 @@ export default function LandingPage() {
       rating={5}
       author="Sarah Jenkins, CTO at NovaTech"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-man-with-beard-holding-virtual-currency-bitcoin-retail-shop-smiling-with-idea-question-pointing-finger-with-happy-face-number-one_839833-28138.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/talented-writer-is-ready-present-his-new-book-he-is-doing-last-notes_613910-14617.jpg",
-          alt: "Client 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", alt: "Client 1" },
+        { src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg", alt: "Client 2" },
+        { src: "http://img.b2bpic.net/free-photo/young-man-with-beard-holding-virtual-currency-bitcoin-retail-shop-smiling-with-idea-question-pointing-finger-with-happy-face-number-one_839833-28138.jpg", alt: "Client 3" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg", alt: "Client 4" },
+        { src: "http://img.b2bpic.net/free-photo/talented-writer-is-ready-present-his-new-book-he-is-doing-last-notes_613910-14617.jpg", alt: "Client 5" },
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="blur-reveal"
@@ -275,34 +140,10 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "150+",
-          title: "Projects Launched",
-          description: "Successful deployments globally.",
-          icon: Rocket,
-        },
-        {
-          id: "m2",
-          value: "20+",
-          title: "Industry Awards",
-          description: "Recognized for creative excellence.",
-          icon: Award,
-        },
-        {
-          id: "m3",
-          value: "85%",
-          title: "User Retention",
-          description: "Average increase in user retention.",
-          icon: Users,
-        },
-        {
-          id: "m4",
-          value: "4.9",
-          title: "Avg. Client Rating",
-          description: "Trusted by market leaders.",
-          icon: Star,
-        },
+        { id: "m1", value: "150+", title: "Projects Launched", description: "Successful deployments globally.", icon: Rocket },
+        { id: "m2", value: "20+", title: "Industry Awards", description: "Recognized for creative excellence.", icon: Award },
+        { id: "m3", value: "85%", title: "User Retention", description: "Average increase in user retention.", icon: Users },
+        { id: "m4", value: "4.9", title: "Avg. Client Rating", description: "Trusted by market leaders.", icon: Star },
       ]}
       title="Agency Impact"
       description="Our work delivers tangible growth and measurable outcomes for our clients."
@@ -313,19 +154,14 @@ export default function LandingPage() {
       <FeatureCardSixteen
       textboxLayout="split"
       useInvertedBackground={true}
+      animationType="slide-up"
       negativeCard={{
         items: [
-          "No Hidden Fees",
-          "No Generic Templates",
-          "No Compromise on Quality",
-        ],
+          "No Hidden Fees",          "No Generic Templates",          "No Compromise on Quality"],
       }}
       positiveCard={{
         items: [
-          "Deep Discovery Phase",
-          "Strategic User Research",
-          "Collaborative Design Workshops",
-        ],
+          "Deep Discovery Phase",          "Strategic User Research",          "Collaborative Design Workshops"],
       }}
       title="Our Approach"
       description="How we turn complex challenges into simple, elegant solutions."
@@ -338,30 +174,10 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       team={[
-        {
-          id: "t1",
-          name: "Alex Rivers",
-          role: "Creative Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-young-businessman-glasses_1262-3810.jpg",
-        },
-        {
-          id: "t2",
-          name: "Jamie Chen",
-          role: "Head of Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-designer-with-musical-earphones-standing-office-holding-folder_1303-32105.jpg",
-        },
-        {
-          id: "t3",
-          name: "Morgan West",
-          role: "Tech Lead",
-          imageSrc: "http://img.b2bpic.net/free-photo/military-girl-camouflage-uniform-against-army-background-shooting-range_627829-8532.jpg",
-        },
-        {
-          id: "t4",
-          name: "Jordan P.",
-          role: "Senior Developer",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-art-studio_23-2149705900.jpg",
-        },
+        { id: "t1", name: "Alex Rivers", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-young-businessman-glasses_1262-3810.jpg" },
+        { id: "t2", name: "Jamie Chen", role: "Head of Design", imageSrc: "http://img.b2bpic.net/free-photo/woman-designer-with-musical-earphones-standing-office-holding-folder_1303-32105.jpg" },
+        { id: "t3", name: "Morgan West", role: "Tech Lead", imageSrc: "http://img.b2bpic.net/free-photo/military-girl-camouflage-uniform-against-army-background-shooting-range_627829-8532.jpg" },
+        { id: "t4", name: "Jordan P.", role: "Senior Developer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-art-studio_23-2149705900.jpg" },
       ]}
       title="The Creators"
       description="Meet the minds behind Lumina Creative."
@@ -373,21 +189,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "How long does a project take?",
-          content: "Most projects take 6-12 weeks depending on scope.",
-        },
-        {
-          id: "f2",
-          title: "Do you offer ongoing support?",
-          content: "Yes, we provide monthly maintenance packages.",
-        },
-        {
-          id: "f3",
-          title: "Can you handle enterprise projects?",
-          content: "We specialize in scaling platforms for enterprise needs.",
-        },
+        { id: "f1", title: "How long does a project take?", content: "Most projects take 6-12 weeks depending on scope." },
+        { id: "f2", title: "Do you offer ongoing support?", content: "Yes, we provide monthly maintenance packages." },
+        { id: "f3", title: "Can you handle enterprise projects?", content: "We specialize in scaling platforms for enterprise needs." },
       ]}
       title="Frequently Asked"
       description="Quick answers to common questions about our agency process."
@@ -398,18 +202,11 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       tag="Ready to Start?"
       title="Let's Build Something Extraordinary"
       description="We are currently accepting new partnerships. Reach out to discuss your project vision."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "mailto:hello@luminacreative.com",
-        },
-      ]}
+      buttons={[{ text: "Contact Us", href: "mailto:hello@luminacreative.com" }]}
     />
   </div>
 
@@ -417,42 +214,21 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Company",
-          items: [
-            {
-              label: "Work",
-              href: "#work",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
+          title: "Company",          items: [
+            { label: "Work", href: "#work" },
+            { label: "About", href: "#about" },
           ],
         },
         {
-          title: "Services",
-          items: [
-            {
-              label: "UI Design",
-              href: "#services",
-            },
-            {
-              label: "Development",
-              href: "#services",
-            },
+          title: "Services",          items: [
+            { label: "UI Design", href: "#services" },
+            { label: "Development", href: "#services" },
           ],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
+          title: "Legal",          items: [
+            { label: "Privacy", href: "#" },
+            { label: "Terms", href: "#" },
           ],
         },
       ]}
@@ -462,4 +238,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file