Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -32,92 +32,40 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Team",
-          id: "team",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Team", id: "team" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Zira Design"
+      button={{ text: "Start a Project", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Where Vision Meets Precision"
       description="Zira Design Studio transforms bold ideas into sophisticated visual narratives that define brands and inspire audiences."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020777.jpg",
-          alt: "Creative Director",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278643.jpg",
-          alt: "Senior Designer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-male-graphic-designer-smiling-while-coworkers-interacting-background_1170-786.jpg",
-          alt: "Junior Designer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-jolly-adult-engaging-virtual-workshop-course-via-web-teleconference_482257-120792.jpg",
-          alt: "Brand Strategist",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/middle-age-man-having-fun_23-2149269596.jpg",
-          alt: "Team Member",
-        },
+        { src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020777.jpg", alt: "Creative Director" },
+        { src: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278643.jpg", alt: "Senior Designer" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-male-graphic-designer-smiling-while-coworkers-interacting-background_1170-786.jpg", alt: "Junior Designer" },
+        { src: "http://img.b2bpic.net/free-photo/happy-jolly-adult-engaging-virtual-workshop-course-via-web-teleconference_482257-120792.jpg", alt: "Brand Strategist" },
+        { src: "http://img.b2bpic.net/free-photo/middle-age-man-having-fun_23-2149269596.jpg", alt: "Team Member" },
       ]}
       avatarText="Our core creative team"
       buttons={[
-        {
-          text: "View Our Portfolio",
-          href: "#services",
-        },
-        {
-          text: "Start a Project",
-          href: "#contact",
-        },
+        { text: "View Our Portfolio", href: "#services" },
+        { text: "Start a Project", href: "#contact" },
       ]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "Brand Strategy",
-        },
-        {
-          type: "text",
-          text: "UI/UX Design",
-        },
-        {
-          type: "text",
-          text: "Digital Identity",
-        },
-        {
-          type: "text",
-          text: "Art Direction",
-        },
-        {
-          type: "text",
-          text: "Creative Consulting",
-        },
+        { type: "text", text: "Brand Strategy" },
+        { type: "text", text: "UI/UX Design" },
+        { type: "text", text: "Digital Identity" },
+        { type: "text", text: "Art Direction" },
+        { type: "text", text: "Creative Consulting" },
       ]}
     />
   </div>
@@ -140,21 +88,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Brand Identity",
-          description: "Creating visual foundations for growing businesses.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17491.jpg",
-        },
-        {
-          title: "Web Experience",
-          description: "Responsive digital interfaces built for performance.",
-          imageSrc: "http://img.b2bpic.net/free-photo/worker-providing-live-chat-support-typing-keyboard-handling-clients-complaints-call-center-agent_482257-136069.jpg",
-        },
-        {
-          title: "Art Direction",
-          description: "Conceptualizing visual stories that leave a lasting impact.",
-          imageSrc: "http://img.b2bpic.net/free-photo/comparison-different-types-brush-strokes_23-2150105239.jpg",
-        },
+        { title: "Brand Identity", description: "Creating visual foundations for growing businesses.", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17491.jpg" },
+        { title: "Web Experience", description: "Responsive digital interfaces built for performance.", imageSrc: "http://img.b2bpic.net/free-photo/worker-providing-live-chat-support-typing-keyboard-handling-clients-complaints-call-center-agent_482257-136069.jpg" },
+        { title: "Art Direction", description: "Conceptualizing visual stories that leave a lasting impact.", imageSrc: "http://img.b2bpic.net/free-photo/comparison-different-types-brush-strokes_23-2150105239.jpg" },
       ]}
       title="Our Design Capabilities"
       description="Comprehensive design services tailored to elevate your business presence."
@@ -167,21 +103,9 @@ export default function LandingPage() {
       title="Studio Performance"
       tag="Our Impact"
       metrics={[
-        {
-          id: "1",
-          value: "150+",
-          description: "Successful Projects",
-        },
-        {
-          id: "2",
-          value: "45+",
-          description: "Happy Partners",
-        },
-        {
-          id: "3",
-          value: "10",
-          description: "Design Awards",
-        },
+        { id: "1", value: "150+", description: "Successful Projects" },
+        { id: "2", value: "45+", description: "Happy Partners" },
+        { id: "3", value: "10", description: "Design Awards" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -193,30 +117,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       team={[
-        {
-          id: "1",
-          name: "Elena Vance",
-          role: "Creative Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-sitting-desk_23-2148372135.jpg",
-        },
-        {
-          id: "2",
-          name: "Marcus Thorne",
-          role: "Senior Designer",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-artist-with-handicap-creating-vase-drawing-canvas_482257-20457.jpg",
-        },
-        {
-          id: "3",
-          name: "Leo Sterling",
-          role: "Designer",
-          imageSrc: "http://img.b2bpic.net/free-photo/group-graphic-designers-working-computer_1170-2927.jpg",
-        },
-        {
-          id: "4",
-          name: "Sophie Reed",
-          role: "Strategist",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg",
-        },
+        { id: "1", name: "Elena Vance", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-sitting-desk_23-2148372135.jpg" },
+        { id: "2", name: "Marcus Thorne", role: "Senior Designer", imageSrc: "http://img.b2bpic.net/free-photo/senior-artist-with-handicap-creating-vase-drawing-canvas_482257-20457.jpg" },
+        { id: "3", name: "Leo Sterling", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/group-graphic-designers-working-computer_1170-2927.jpg" },
+        { id: "4", name: "Sophie Reed", role: "Strategist", imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg" },
       ]}
       title="Meet the Makers"
       description="The creative minds behind Zira's success."
@@ -229,41 +133,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Miller",
-          role: "CEO",
-          testimonial: "Zira elevated our brand aesthetics remarkably.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg",
-        },
-        {
-          id: "2",
-          name: "James Holt",
-          role: "Founder",
-          testimonial: "Truly innovative thinking in every pixel.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-grey-jacket-laughing-brown-background-cheerful-young-girl-oversize-stylish-suit-smiles-poses-isolated_197531-18578.jpg",
-        },
-        {
-          id: "3",
-          name: "Lisa Chen",
-          role: "Director",
-          testimonial: "Seamless collaboration and stunning outputs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg",
-        },
-        {
-          id: "4",
-          name: "Mark Ross",
-          role: "Startup Head",
-          testimonial: "Brought our technical vision to life beautifully.",
-          imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915116.jpg",
-        },
-        {
-          id: "5",
-          name: "Anna Kim",
-          role: "Brand Mgr",
-          testimonial: "Professional, creative, and highly efficient.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-wearing-white-poloneck-attractive-girl-model-fashion_1139-1613.jpg",
-        },
+        { id: "1", name: "Sarah Miller", role: "CEO", testimonial: "Zira elevated our brand aesthetics remarkably.", imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg" },
+        { id: "2", name: "James Holt", role: "Founder", testimonial: "Truly innovative thinking in every pixel.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-grey-jacket-laughing-brown-background-cheerful-young-girl-oversize-stylish-suit-smiles-poses-isolated_197531-18578.jpg" },
+        { id: "3", name: "Lisa Chen", role: "Director", testimonial: "Seamless collaboration and stunning outputs.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg" },
+        { id: "4", name: "Mark Ross", role: "Startup Head", testimonial: "Brought our technical vision to life beautifully.", imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915116.jpg" },
+        { id: "5", name: "Anna Kim", role: "Brand Mgr", testimonial: "Professional, creative, and highly efficient.", imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-wearing-white-poloneck-attractive-girl-model-fashion_1139-1613.jpg" },
       ]}
       title="Client Perspectives"
       description="Voices of those who have journeyed with us."
@@ -275,14 +149,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "TechInnovate",
-        "GlobalGroup",
-        "StudioOne",
-        "Vanguard",
-        "MediaPulse",
-        "DesignHub",
-        "NextGen",
-      ]}
+        "TechInnovate", "GlobalGroup", "StudioOne", "Vanguard", "MediaPulse", "DesignHub", "NextGen"]}
       title="Trusted by Brands"
       description="Collaborating with visionaries across industries."
     />
@@ -291,16 +158,9 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       text="Ready to redefine your visual presence? Let's talk about your next creative project."
-      buttons={[
-        {
-          text: "Contact Us Now",
-          href: "mailto:hello@ziradesign.com",
-        },
-      ]}
+      buttons={[{ text: "Contact Us Now", href: "mailto:hello@ziradesign.com" }]}
     />
   </div>
 
@@ -308,37 +168,17 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Navigate",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Team",
-              href: "#team",
-            },
+          title: "Navigate",          items: [
+            { label: "About", href: "#about" },
+            { label: "Services", href: "#services" },
+            { label: "Team", href: "#team" },
           ],
         },
         {
-          title: "Company",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
+          title: "Company",          items: [
+            { label: "Contact", href: "#contact" },
+            { label: "Privacy", href: "#" },
+            { label: "Careers", href: "#" },
           ],
         },
       ]}
@@ -349,4 +189,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}