Merge version_1 into main

Merge version_1 into main

src/app/page.tsx

@@ -34,33 +34,19 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "#hero"},
-          id: "#hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "#services"},
-          id: "#services",
-        },
         {
-          name: "Portfolio",
+          name: "Portfolio",          id: "#portfolio"},
-          id: "#portfolio",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "#testimonials"},
-          id: "#testimonials",
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "#faq"},
-          id: "#faq",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="Design Studio"
     />
@@ -69,44 +55,23 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
       background={{
-        variant: "canvas-reveal",
+        variant: "canvas-reveal"}}
-      }}
       title="Crafting Exceptional Digital Experiences"
       description="We combine creativity with strategic thinking to deliver stunning designs that captivate audiences and drive results for your business."
       tag="Award-Winning Design"
       tagAnimation="blur-reveal"
       buttons={[
         {
-          text: "Get a Quote",
+          text: "Get a Quote",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "View Portfolio",
+          text: "View Portfolio",          href: "#portfolio"},
-          href: "#portfolio",
-        },
       ]}
       buttonAnimation="blur-reveal"
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-chair-front-computer-desktop_23-2147836931.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/empty-chair-front-computer-desktop_23-2147836931.jpg",          imageAlt: "Designer working on a laptop with creative mockups"},
-          imageAlt: "Designer working on a laptop with creative mockups",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-new-ideas-office_176420-1712.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-new-ideas-office_176420-1712.jpg",          imageAlt: "Team of designers collaborating on a project"}
-          imageAlt: "Team of designers collaborating on a project",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/working-desk-office_23-2147833277.jpg",
-          imageAlt: "Working desk in office",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-photo-frames-table-interior-design_23-2149454917.jpg",
-          imageAlt: "Empty photo frames on table interior design",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/nice-organised-workspace-with-laptop_23-2148592326.jpg",
-          imageAlt: "Nice and organised workspace with laptop",
-        },
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -119,10 +84,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Innovate. Design. Deliver."
       description={[
-        "We are a passionate team of designers dedicated to transforming visionary ideas into impactful visual solutions.",
+        "We are a passionate team of designers dedicated to transforming visionary ideas into impactful visual solutions.",        "Our approach blends artistic creativity with user-centric strategies, ensuring every project not only looks great but also performs exceptionally.",        "From comprehensive brand identity to intuitive digital products, we craft designs that resonate with your audience and drive measurable success."]}
-        "Our approach blends artistic creativity with user-centric strategies, ensuring every project not only looks great but also performs exceptionally.",
-        "From comprehensive brand identity to intuitive digital products, we craft designs that resonate with your audience and drive measurable success.",
-      ]}
     />
   </div>
 
@@ -133,28 +95,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Branding & Identity",
+          title: "Branding & Identity",          description: "Crafting unique visual identities that tell your brand's story.",          bentoComponent: "reveal-icon",          icon: Feather,
-          description: "Crafting unique visual identities that tell your brand's story.",
-          bentoComponent: "reveal-icon",
-          icon: Feather,
-          imageSrc: "http://img.b2bpic.net/free-vector/black-yellow-corporate-branding-set_1057-748.jpg",
-          imageAlt: "brand identity icon logo",
         },
         {
-          title: "UI/UX Design",
+          title: "UI/UX Design",          description: "Designing intuitive and delightful user experiences for all platforms.",          bentoComponent: "reveal-icon",          icon: Layout,
-          description: "Designing intuitive and delightful user experiences for all platforms.",
-          bentoComponent: "reveal-icon",
-          icon: Layout,
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-chair-front-computer-desktop_23-2147836931.jpg?_wi=2",
-          imageAlt: "brand identity icon logo",
         },
         {
-          title: "Web & Mobile Development",
+          title: "Web & Mobile Development",          description: "Bringing designs to life with robust and responsive web and mobile solutions.",          bentoComponent: "reveal-icon",          icon: Code,
-          description: "Bringing designs to life with robust and responsive web and mobile solutions.",
-          bentoComponent: "reveal-icon",
-          icon: Code,
-          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-new-ideas-office_176420-1712.jpg?_wi=2",
-          imageAlt: "brand identity icon logo",
         },
       ]}
       title="Our Creative Design Services"
@@ -170,47 +117,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Website Redesign: Tech Innovations",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/design-html-web-design-template-concept_53876-133658.jpg",          imageAlt: "Modern website landing page design"},
-          name: "Website Redesign: Tech Innovations",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/design-html-web-design-template-concept_53876-133658.jpg",
-          imageAlt: "Modern website landing page design",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Mobile App UI: Fitness Tracker",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-taking-notes-office_23-2149749916.jpg",          imageAlt: "Mobile app UI design for a fitness tracker"},
-          name: "Mobile App UI: Fitness Tracker",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-taking-notes-office_23-2149749916.jpg",
-          imageAlt: "Mobile app UI design for a fitness tracker",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Brand Identity: Organic Cafe",          price: "View Project",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5c2w5f",          imageAlt: "Minimalist brand logo and identity for an organic cafe"},
-          name: "Brand Identity: Organic Cafe",
-          price: "View Project",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5c2w5f",
-          imageAlt: "Minimalist brand logo and identity for an organic cafe",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Packaging Design: Artisan Coffee",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232231.jpg",          imageAlt: "Elegant packaging design for artisan coffee"},
-          name: "Packaging Design: Artisan Coffee",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232231.jpg",
-          imageAlt: "Elegant packaging design for artisan coffee",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Digital Illustration: Storybook Series",          price: "View Project",          imageSrc: "http://img.b2bpic.net/free-photo/domestic-life-illustrated_23-2151876289.jpg",          imageAlt: "Vibrant digital illustration for a children's storybook"},
-          name: "Digital Illustration: Storybook Series",
-          price: "View Project",
-          imageSrc: "http://img.b2bpic.net/free-photo/domestic-life-illustrated_23-2151876289.jpg",
-          imageAlt: "Vibrant digital illustration for a children's storybook",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Editorial Layout: Design Magazine",          price: "View Project",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=roqvdo",          imageAlt: "Modern editorial layout for a design magazine"},
-          name: "Editorial Layout: Design Magazine",
-          price: "View Project",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=roqvdo",
-          imageAlt: "Modern editorial layout for a design magazine",
-        },
       ]}
       title="Our Recent Design Projects"
       description="A showcase of our diverse portfolio, demonstrating creativity, technical skill, and successful client collaborations across various industries."
@@ -225,32 +142,16 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "98%",          title: "Client Satisfaction",          description: "Delivering projects that exceed expectations.",          icon: Smile,
-          value: "98%",
-          title: "Client Satisfaction",
-          description: "Delivering projects that exceed expectations.",
-          icon: Smile,
         },
         {
-          id: "m2",
+          id: "m2",          value: "500+",          title: "Projects Completed",          description: "A vast portfolio of successful design initiatives.",          icon: Sparkles,
-          value: "500+",
-          title: "Projects Completed",
-          description: "A vast portfolio of successful design initiatives.",
-          icon: Sparkles,
         },
         {
-          id: "m3",
+          id: "m3",          value: "10+",          title: "Years of Expertise",          description: "Deep industry knowledge and design acumen.",          icon: Award,
-          value: "10+",
-          title: "Years of Expertise",
-          description: "Deep industry knowledge and design acumen.",
-          icon: Award,
         },
         {
-          id: "m4",
+          id: "m4",          value: "95%",          title: "On-Time Delivery",          description: "Efficient processes ensuring timely project completion.",          icon: Clock,
-          value: "95%",
-          title: "On-Time Delivery",
-          description: "Efficient processes ensuring timely project completion.",
-          icon: Clock,
         },
       ]}
       title="Driving Success with Data-Backed Design"
@@ -263,14 +164,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Innovate Solutions",
+        "Innovate Solutions",        "Global Dynamics",        "Apex Innovations",        "Synergy Corp",        "NextGen Labs",        "BrightFuture Tech",        "Visionary Brands"]}
-        "Global Dynamics",
-        "Apex Innovations",
-        "Synergy Corp",
-        "NextGen Labs",
-        "BrightFuture Tech",
-        "Visionary Brands",
-      ]}
       title="Trusted by Leading Brands"
       description="We've had the privilege of collaborating with diverse clients to bring their visions to life."
     />
@@ -281,52 +175,23 @@ export default function LandingPage() {
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
+      animationType="depth-3d"
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Sarah Johnson",          role: "CEO",          company: "Tech Innovations",          rating: 5,
-          name: "Sarah Johnson",
+          imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg",          imageAlt: "Sarah Johnson, CEO of Tech Innovations"},
-          role: "CEO",
-          company: "Tech Innovations",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg",
-          imageAlt: "Sarah Johnson, CEO of Tech Innovations",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Michael Chen",          role: "CTO",          company: "Global Dynamics",          rating: 5,
-          name: "Michael Chen",
+          imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg",          imageAlt: "Michael Chen, CTO of Global Dynamics"},
-          role: "CTO",
-          company: "Global Dynamics",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg",
-          imageAlt: "Michael Chen, CTO of Global Dynamics",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Emily Rodriguez",          role: "Marketing Director",          company: "Apex Innovations",          rating: 5,
-          name: "Emily Rodriguez",
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-laptop_23-2147787613.jpg",          imageAlt: "Emily Rodriguez, Marketing Director at Apex Innovations"},
-          role: "Marketing Director",
-          company: "Apex Innovations",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-laptop_23-2147787613.jpg",
-          imageAlt: "Emily Rodriguez, Marketing Director at Apex Innovations",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "David Kim",          role: "Product Manager",          company: "Synergy Corp",          rating: 5,
-          name: "David Kim",
+          imageSrc: "http://img.b2bpic.net/free-photo/freelancing-is-good-idea-independent-person_329181-12349.jpg",          imageAlt: "David Kim, Product Manager at Synergy Corp"},
-          role: "Product Manager",
-          company: "Synergy Corp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/freelancing-is-good-idea-independent-person_329181-12349.jpg",
-          imageAlt: "David Kim, Product Manager at Synergy Corp",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Jessica Lee",          role: "Creative Lead",          company: "NextGen Labs",          rating: 5,
-          name: "Jessica Lee",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-painter-desk-joyfully-choosing-paint-brush-with-big-pattern-canvas-background-home_574295-3722.jpg",          imageAlt: "Jessica Lee, Creative Lead at NextGen Labs"},
-          role: "Creative Lead",
-          company: "NextGen Labs",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-painter-desk-joyfully-choosing-paint-brush-with-big-pattern-canvas-background-home_574295-3722.jpg",
-          imageAlt: "Jessica Lee, Creative Lead at NextGen Labs",
-        },
       ]}
       title="What Our Clients Say"
       description="Hear directly from businesses who have experienced the transformative impact of our design expertise."
@@ -339,20 +204,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "What is your design process?",          content: "Our process typically involves discovery, conceptualization, design, feedback, and final delivery. We ensure clients are involved at every stage for optimal results."},
-          title: "What is your design process?",
-          content: "Our process typically involves discovery, conceptualization, design, feedback, and final delivery. We ensure clients are involved at every stage for optimal results.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "How much does a design project cost?",          content: "Costs vary based on project scope, complexity, and deliverables. We provide detailed quotes after an initial consultation to understand your specific needs."},
-          title: "How much does a design project cost?",
-          content: "Costs vary based on project scope, complexity, and deliverables. We provide detailed quotes after an initial consultation to understand your specific needs.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "How long does a typical project take?",          content: "Project timelines depend on the service and scope. We work with you to establish realistic deadlines and keep you updated throughout the process."},
-          title: "How long does a typical project take?",
-          content: "Project timelines depend on the service and scope. We work with you to establish realistic deadlines and keep you updated throughout the process.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Find quick answers to common inquiries about our design process, services, and partnerships."
@@ -364,8 +220,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={true}
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       tag="Get in Touch"
       title="Let's Create Something Amazing Together"
       description="Ready to start your next design project? Reach out today for a personalized consultation and quote."
@@ -382,50 +237,31 @@ export default function LandingPage() {
       logoText="Design Studio"
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "About Us",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Services",
+              label: "Services",              href: "#services"},
-              href: "#services",
-            },
             {
-              label: "Portfolio",
+              label: "Portfolio",              href: "#portfolio"},
-              href: "#portfolio",
-            },
           ],
         },
         {
-          title: "Resources",
+          title: "Resources",          items: [
-          items: [
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#faq"},
-              href: "#faq",
-            },
             {
-              label: "Testimonials",
+              label: "Testimonials",              href: "#testimonials"},
-              href: "#testimonials",
-            },
           ],
         },
         {
-          title: "Connect",
+          title: "Connect",          items: [
-          items: [
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
             {
-              label: "LinkedIn",
+              label: "LinkedIn",              href: "https://linkedin.com"},
-              href: "https://linkedin.com",
-            },
             {
-              label: "Twitter",
+              label: "Twitter",              href: "https://twitter.com"},
-              href: "https://twitter.com",
-            },
           ],
         },
       ]}