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

---
 src/app/page.tsx | 371 +++++++++--------------------------------------
 1 file changed, 66 insertions(+), 305 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 70a998e..bce220f 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, CheckCircle, TrendingUp } from "lucide-react";
+import { Award, CheckCircle, TrendingUp, ArrowRight } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -25,7 +25,7 @@ export default function LandingPage() {
         sizing="medium"
         background="none"
         cardStyle="glass-elevated"
-        primaryButtonStyle="metallic"
+        primaryButtonStyle="gradient"
         secondaryButtonStyle="glass"
         headingFontWeight="medium"
     >
@@ -33,22 +33,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Work",
-          id: "#work",
-        },
-        {
-          name: "Expertise",
-          id: "#expertise",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Work", id: "#work" },
+        { name: "Expertise", id: "#expertise" },
+        { name: "About", id: "#about" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="Aura"
     />
@@ -56,112 +44,39 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Defining the Digital Frontier."
       description="We architect premium web experiences for brands that demand excellence and digital transformation."
       leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg?_wi=1",
-          imageAlt: "Hero scene 1",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729045.jpg?_wi=1",
-          imageAlt: "Hero scene 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/coworkers-working-office_23-2147807981.jpg?_wi=1",
-          imageAlt: "Hero scene 3",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg?_wi=1",
-          imageAlt: "Hero scene 4",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/transparent-crystal-prism-with-dark-shadow-white-background_23-2147948817.jpg?_wi=1",
-          imageAlt: "Hero scene 5",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037162.jpg?_wi=1",
-          imageAlt: "Hero scene 6",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg", imageAlt: "Hero scene 1" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729045.jpg", imageAlt: "Hero scene 2" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/coworkers-working-office_23-2147807981.jpg", imageAlt: "Hero scene 3" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg", imageAlt: "Hero scene 4" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/transparent-crystal-prism-with-dark-shadow-white-background_23-2147948817.jpg", imageAlt: "Hero scene 5" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037162.jpg", imageAlt: "Hero scene 6" },
       ]}
       rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037162.jpg?_wi=2",
-          imageAlt: "Hero scene 6",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/transparent-crystal-prism-with-dark-shadow-white-background_23-2147948817.jpg?_wi=2",
-          imageAlt: "Hero scene 5",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg?_wi=2",
-          imageAlt: "Hero scene 4",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/coworkers-working-office_23-2147807981.jpg?_wi=2",
-          imageAlt: "Hero scene 3",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729045.jpg?_wi=2",
-          imageAlt: "Hero scene 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg?_wi=2",
-          imageAlt: "Hero scene 1",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Start Project",
-          href: "#contact",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037162.jpg", imageAlt: "Hero scene 6" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/transparent-crystal-prism-with-dark-shadow-white-background_23-2147948817.jpg", imageAlt: "Hero scene 5" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg", imageAlt: "Hero scene 4" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/coworkers-working-office_23-2147807981.jpg", imageAlt: "Hero scene 3" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729045.jpg", imageAlt: "Hero scene 2" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg", imageAlt: "Hero scene 1" },
       ]}
+      buttons={[{ text: "Start Project", href: "#contact" }]}
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg",
-          alt: "Member 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-glasses_23-2151136891.jpg",
-          alt: "Member 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
-          alt: "Member 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg",
-          alt: "Member 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-designer-looking-some-prints-choose-best-one-agency-employee_482257-32975.jpg",
-          alt: "Member 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg", alt: "Member 1" },
+        { src: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-glasses_23-2151136891.jpg", alt: "Member 2" },
+        { src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", alt: "Member 3" },
+        { src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg", alt: "Member 4" },
+        { src: "http://img.b2bpic.net/free-photo/young-designer-looking-some-prints-choose-best-one-agency-employee_482257-32975.jpg", alt: "Member 5" },
       ]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "Innovation",
-        },
-        {
-          type: "text",
-          text: "Craftsmanship",
-        },
-        {
-          type: "text",
-          text: "Strategy",
-        },
-        {
-          type: "text",
-          text: "Design",
-        },
-        {
-          type: "text",
-          text: "Growth",
-        },
+        { type: "text", text: "Innovation" },
+        { type: "text", text: "Craftsmanship" },
+        { type: "text", text: "Strategy" },
+        { type: "text", text: "Design" },
+        { type: "text", text: "Growth" },
       ]}
     />
   </div>
@@ -173,53 +88,22 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Design Systems",
-          description: "Unified UI languages built for scale.",
-          bentoComponent: "media-stack",
-          items: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template_23-2148237058.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/stationery-business-visiting-cards-flat-lay_23-2148500535.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/man-with-headphones-analyzes-online-statistics_53876-94865.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419467.jpg?_wi=3",
-          imageAlt: "digital studio dark hero",
+          title: "Design Systems",          description: "Unified UI languages built for scale.",          bentoComponent: "media-stack",          items: [
+            { imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template_23-2148237058.jpg" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/stationery-business-visiting-cards-flat-lay_23-2148500535.jpg" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/man-with-headphones-analyzes-online-statistics_53876-94865.jpg" },
+          ]
         },
         {
-          title: "Analytics",
-          description: "Data-driven design insights.",
-          bentoComponent: "globe",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729045.jpg?_wi=3",
-          imageAlt: "app interface 3d design",
+          title: "Analytics",          description: "Data-driven design insights.",          bentoComponent: "globe"
         },
         {
-          title: "Strategy",
-          description: "Product strategy to market.",
-          bentoComponent: "timeline",
-          heading: "Process",
-          subheading: "Proven Methodology",
-          items: [
-            {
-              label: "Define",
-              detail: "Goals",
-            },
-            {
-              label: "Design",
-              detail: "Concepts",
-            },
-            {
-              label: "Deliver",
-              detail: "Launch",
-            },
+          title: "Strategy",          description: "Product strategy to market.",          bentoComponent: "timeline",          heading: "Process",          subheading: "Proven Methodology",          items: [
+            { label: "Define", detail: "Goals" },
+            { label: "Design", detail: "Concepts" },
+            { label: "Deliver", detail: "Launch" },
           ],
-          completedLabel: "Done",
-          imageSrc: "http://img.b2bpic.net/free-photo/coworkers-working-office_23-2147807981.jpg?_wi=3",
-          imageAlt: "creative design studio office",
+          completedLabel: "Done"
         },
       ]}
       title="Expertise in Motion."
@@ -232,24 +116,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Luxury Retail",
-          description: "Elevated e-commerce.",
-          imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle-natural-background-tree-bark-flowers-stones-top-view-beauty-fashion-perfume-template_166373-1585.jpg",
-          buttonIcon: "ArrowRight",
-        },
-        {
-          title: "Fintech App",
-          description: "Secure banking solutions.",
-          imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface-pack_23-2148606169.jpg",
-          buttonIcon: "ArrowRight",
-        },
-        {
-          title: "Art Portfolio",
-          description: "Bold visual storytelling.",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320702.jpg",
-          buttonIcon: "ArrowRight",
-        },
+        { title: "Luxury Retail", description: "Elevated e-commerce.", imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle-natural-background-tree-bark-flowers-stones-top-view-beauty-fashion-perfume-template_166373-1585.jpg", buttonIcon: ArrowRight },
+        { title: "Fintech App", description: "Secure banking solutions.", imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface-pack_23-2148606169.jpg", buttonIcon: ArrowRight },
+        { title: "Art Portfolio", description: "Bold visual storytelling.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320702.jpg", buttonIcon: ArrowRight },
       ]}
       title="Selected Works"
       description="Showcasing recent partnerships across global industries."
@@ -263,26 +132,11 @@ export default function LandingPage() {
       rating={5}
       author="Sarah Miller"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-glasses_23-2151136891.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg",
-          alt: "Client 4",
-        },
-        {
-          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: "Client 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg", alt: "Client 1" },
+        { src: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-glasses_23-2151136891.jpg", alt: "Client 2" },
+        { src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", alt: "Client 3" },
+        { src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg", alt: "Client 4" },
+        { 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: "Client 5" },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -296,27 +150,9 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "1",
-          value: "120+",
-          title: "Projects",
-          description: "Delivered successfully",
-          icon: CheckCircle,
-        },
-        {
-          id: "2",
-          value: "45+",
-          title: "Global Brands",
-          description: "Satisfied partners",
-          icon: Award,
-        },
-        {
-          id: "3",
-          value: "200%",
-          title: "Growth",
-          description: "Average increase",
-          icon: TrendingUp,
-        },
+        { id: "1", value: "120+", title: "Projects", description: "Delivered successfully", icon: CheckCircle },
+        { id: "2", value: "45+", title: "Global Brands", description: "Satisfied partners", icon: Award },
+        { id: "3", value: "200%", title: "Growth", description: "Average increase", icon: TrendingUp },
       ]}
       title="Agency Impact"
       description="Measurable results driven by design."
@@ -328,20 +164,8 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
-      negativeCard={{
-        items: [
-          "Generic templates",
-          "Hidden costs",
-          "Slow iterations",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Strategic clarity",
-          "Top-tier design",
-          "Transparent communication",
-        ],
-      }}
+      negativeCard={{ items: ["Generic templates", "Hidden costs", "Slow iterations"] }}
+      positiveCard={{ items: ["Strategic clarity", "Top-tier design", "Transparent communication"] }}
       title="Why Aura?"
       description="A different breed of agency."
     />
@@ -353,30 +177,10 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       team={[
-        {
-          id: "1",
-          name: "Alex Reed",
-          role: "Design Lead",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-designer-looking-some-prints-choose-best-one-agency-employee_482257-32975.jpg",
-        },
-        {
-          id: "2",
-          name: "Sam Chen",
-          role: "Dev Lead",
-          imageSrc: "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",
-        },
-        {
-          id: "3",
-          name: "Jordan P",
-          role: "Product Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
-        },
-        {
-          id: "4",
-          name: "Taylor S",
-          role: "Creative Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/casual-bearded-hipster-man-green-jacket-sits-chair-with-single-speed-bicycle-background_613910-10378.jpg",
-        },
+        { id: "1", name: "Alex Reed", role: "Design Lead", imageSrc: "http://img.b2bpic.net/free-photo/young-designer-looking-some-prints-choose-best-one-agency-employee_482257-32975.jpg" },
+        { id: "2", name: "Sam Chen", role: "Dev Lead", imageSrc: "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" },
+        { id: "3", name: "Jordan P", role: "Product Manager", imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg" },
+        { id: "4", name: "Taylor S", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/casual-bearded-hipster-man-green-jacket-sits-chair-with-single-speed-bicycle-background_613910-10378.jpg" },
       ]}
       title="Meet the Minds"
       description="Creative experts pushing boundaries."
@@ -388,21 +192,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",
-          title: "What is your process?",
-          content: "We follow a discovery-driven design methodology.",
-        },
-        {
-          id: "2",
-          title: "What tools do you use?",
-          content: "Industry leading design and development tools.",
-        },
-        {
-          id: "3",
-          title: "Can you handle enterprise?",
-          content: "Yes, we scale with your business.",
-        },
+        { id: "1", title: "What is your process?", content: "We follow a discovery-driven design methodology." },
+        { id: "2", title: "What tools do you use?", content: "Industry leading design and development tools." },
+        { id: "3", title: "Can you handle enterprise?", content: "Yes, we scale with your business." },
       ]}
       title="FAQs"
       description="Your questions, answered."
@@ -413,54 +205,23 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       tag="Get in touch"
       title="Ready to Build?"
       description="Let's start your next digital project."
-      buttons={[
-        {
-          text: "Start Discussion",
-          href: "mailto:hello@aura.design",
-        },
-      ]}
+      buttons={[{ text: "Start Discussion", href: "mailto:hello@aura.design" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Agency",
-          items: [
-            {
-              label: "Work",
-              href: "#work",
-            },
-            {
-              label: "Expertise",
-              href: "#expertise",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Email",
-              href: "mailto:hello@aura.design",
-            },
-            {
-              label: "Twitter",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Agency", items: [{ label: "Work", href: "#work" }, { label: "Expertise", href: "#expertise" }] },
+        { title: "Contact", items: [{ label: "Email", href: "mailto:hello@aura.design" }, { label: "Twitter", href: "#" }] },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1