Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -32,43 +32,25 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "#hero"},
-          id: "#hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Features",
+          name: "Features",          id: "#features"},
-          id: "#features",
-        },
         {
-          name: "Products",
+          name: "Products",          id: "#products"},
-          id: "#products",
-        },
         {
-          name: "Pricing",
+          name: "Pricing",          id: "#pricing"},
-          id: "#pricing",
-        },
         {
-          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="Webild"
       button={{
-        text: "Get Started",
+        text: "Get Started",        href: "#contact"}}
-        href: "#contact",
-      }}
       animateOnLoad={true}
     />
   </div>
@@ -76,69 +58,42 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboard
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       title="Innovate Your Digital Presence"
       description="Transforming ideas into stunning websites with cutting-edge design and seamless functionality. Let's build something amazing together."
       buttons={[
         {
-          text: "Learn More",
+          text: "Learn More",          href: "#about"},
-          href: "#about",
-        },
         {
-          text: "Get a Quote",
+          text: "Get a Quote",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-120457.jpg"
       imageAlt="modern web design desk setup"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-124218.jpg",
+          src: "http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-124218.jpg",          alt: "Mockup Copy Space Blank Screen Concept"},
-          alt: "Mockup Copy Space Blank Screen Concept",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/office-desk-with-computer-digital-tablet-mobile-phone_1252-898.jpg",
+          src: "http://img.b2bpic.net/free-photo/office-desk-with-computer-digital-tablet-mobile-phone_1252-898.jpg",          alt: "Office desk with computer, digital tablet and mobile phone"},
-          alt: "Office desk with computer, digital tablet and mobile phone",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/top-view-computer-dark-table-work-desk_169016-49125.jpg",
+          src: "http://img.b2bpic.net/free-photo/top-view-computer-dark-table-work-desk_169016-49125.jpg",          alt: "Top view computer on a dark table work desk"},
-          alt: "Top view computer on a dark table work desk",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/ai-llm-chatbot-software-interface-pc-home-office-showing-virtual-assistant_482257-113943.jpg",
+          src: "http://img.b2bpic.net/free-photo/ai-llm-chatbot-software-interface-pc-home-office-showing-virtual-assistant_482257-113943.jpg",          alt: "AI LLM chatbot software interface on PC in home office showing virtual assistant"},
-          alt: "AI LLM chatbot software interface on PC in home office showing virtual assistant",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/handsome-happy-bearded-man-earphones-using-laptop-outdoor-cafe-smiling-cheerfully_176420-25725.jpg",
+          src: "http://img.b2bpic.net/free-photo/handsome-happy-bearded-man-earphones-using-laptop-outdoor-cafe-smiling-cheerfully_176420-25725.jpg",          alt: "young smiling professional developer"},
-          alt: "young smiling professional developer",
-        },
       ]}
       avatarText="Join over 500+ satisfied clients!"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Web Design"},
-          text: "Web Design",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/keyboard-screen-modern-indoor-sit-analysis_1421-265.jpg",          alt: "responsive web development"},
-          src: "http://img.b2bpic.net/free-photo/keyboard-screen-modern-indoor-sit-analysis_1421-265.jpg",
-          alt: "responsive web development",
-        },
         {
-          type: "text",
+          type: "text",          text: "E-commerce Solutions"},
-          text: "E-commerce Solutions",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/tablet-with-annual-report_1098-3459.jpg",          alt: "digital marketing analytics"},
-          src: "http://img.b2bpic.net/free-photo/tablet-with-annual-report_1098-3459.jpg",
-          alt: "digital marketing analytics",
-        },
         {
-          type: "text",
+          type: "text",          text: "SEO Optimization"},
-          text: "SEO Optimization",
-        },
       ]}
     />
   </div>
@@ -146,7 +101,7 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <MediaAbout
       useInvertedBackground={true}
-      title="Crafting Digital Experiences"
+      title="Unlocking Digital Potential with Custom Web Experiences"
       description="We are a team of passionate designers and developers dedicated to creating high-quality, user-centric websites that drive engagement and growth. Our focus is on delivering tailored solutions that resonate with your brand and audience."
       imageSrc="http://img.b2bpic.net/free-photo/serious-young-colleagues-sitting-office-coworking_171337-17681.jpg"
       imageAlt="team collaborating on web project"
@@ -160,34 +115,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
+          id: "f1",          label: "Custom Design",          title: "Tailored Solutions",          items: [
-          label: "Custom Design",
+            "Unique designs reflecting your brand identity.",            "User-centric approach for optimal experience.",            "Scalable architecture for future growth."],
-          title: "Tailored Solutions",
-          items: [
-            "Unique designs reflecting your brand identity.",
-            "User-centric approach for optimal experience.",
-            "Scalable architecture for future growth.",
-          ],
         },
         {
-          id: "f2",
+          id: "f2",          label: "Performance Focused",          title: "Blazing Fast Websites",          items: [
-          label: "Performance Focused",
+            "Optimized for speed and search engine rankings.",            "Responsive across all devices and screen sizes.",            "Robust and secure infrastructure."],
-          title: "Blazing Fast Websites",
-          items: [
-            "Optimized for speed and search engine rankings.",
-            "Responsive across all devices and screen sizes.",
-            "Robust and secure infrastructure.",
-          ],
         },
         {
-          id: "f3",
+          id: "f3",          label: "Ongoing Support",          title: "Dedicated Partnership",          items: [
-          label: "Ongoing Support",
+            "Continuous maintenance and updates.",            "Proactive monitoring for peak performance.",            "Expert support whenever you need it."],
-          title: "Dedicated Partnership",
-          items: [
-            "Continuous maintenance and updates.",
-            "Proactive monitoring for peak performance.",
-            "Expert support whenever you need it.",
-          ],
         },
       ]}
       title="Key Features That Set Us Apart"
@@ -203,53 +140,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Corporate Website",          price: "$2,500",          variant: "Business Starter",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-41706.jpg",          imageAlt: "clean corporate website design"},
-          name: "Corporate Website",
-          price: "$2,500",
-          variant: "Business Starter",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-41706.jpg",
-          imageAlt: "clean corporate website design",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "E-commerce Store",          price: "$4,000",          variant: "Online Shop Pro",          imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-computer-with-paper-bags-credit-cards_58466-14581.jpg",          imageAlt: "e-commerce online shop design"},
-          name: "E-commerce Store",
-          price: "$4,000",
-          variant: "Online Shop Pro",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-computer-with-paper-bags-credit-cards_58466-14581.jpg",
-          imageAlt: "e-commerce online shop design",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Portfolio Site",          price: "$1,800",          variant: "Creative Showcase",          imageSrc: "http://img.b2bpic.net/free-photo/inspired-youth_53876-176745.jpg",          imageAlt: "portfolio website creative design"},
-          name: "Portfolio Site",
-          price: "$1,800",
-          variant: "Creative Showcase",
-          imageSrc: "http://img.b2bpic.net/free-photo/inspired-youth_53876-176745.jpg",
-          imageAlt: "portfolio website creative design",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Blog & News Portal",          price: "$2,000",          variant: "Content Hub",          imageSrc: "http://img.b2bpic.net/free-vector/concepts-mobile-app_23-2148138325.jpg",          imageAlt: "blog news magazine website"},
-          name: "Blog & News Portal",
-          price: "$2,000",
-          variant: "Content Hub",
-          imageSrc: "http://img.b2bpic.net/free-vector/concepts-mobile-app_23-2148138325.jpg",
-          imageAlt: "blog news magazine website",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Restaurant Ordering",          price: "$3,200",          variant: "Foodie Connect",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-spoon_23-2149703718.jpg",          imageAlt: "restaurant menu food delivery website"},
-          name: "Restaurant Ordering",
-          price: "$3,200",
-          variant: "Foodie Connect",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-spoon_23-2149703718.jpg",
-          imageAlt: "restaurant menu food delivery website",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Event Booking Platform",          price: "$4,500",          variant: "Experience Host",          imageSrc: "http://img.b2bpic.net/free-photo/entrepreneurs-exchange-ideas-work_482257-90714.jpg",          imageAlt: "event management booking website"},
-          name: "Event Booking Platform",
-          price: "$4,500",
-          variant: "Experience Host",
-          imageSrc: "http://img.b2bpic.net/free-photo/entrepreneurs-exchange-ideas-work_482257-90714.jpg",
-          imageAlt: "event management booking website",
-        },
       ]}
       title="Our Featured Web Solutions"
       description="Explore our diverse range of website packages and services designed to meet every need."
@@ -263,55 +164,22 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
+          id: "basic",          tag: "Starter",          price: "$999",          period: "one-time",          description: "Perfect for small businesses or personal projects looking for a strong online presence.",          button: {
-          tag: "Starter",
+            text: "Select Starter",            href: "#contact"},
-          price: "$999",
+          featuresTitle: "Includes:",          features: [
-          period: "one-time",
+            "Responsive Design",            "Basic SEO Optimization",            "1-Year Support"],
-          description: "Perfect for small businesses or personal projects looking for a strong online presence.",
-          button: {
-            text: "Select Starter",
-            href: "#contact",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "Responsive Design",
-            "Basic SEO Optimization",
-            "1-Year Support",
-          ],
         },
         {
-          id: "standard",
+          id: "standard",          tag: "Popular",          price: "$1,999",          period: "one-time",          description: "Ideal for growing businesses needing advanced features and enhanced performance.",          button: {
-          tag: "Popular",
+            text: "Select Standard",            href: "#contact"},
-          price: "$1,999",
+          featuresTitle: "Includes:",          features: [
-          period: "one-time",
+            "Custom Design",            "Advanced SEO Strategy",            "2-Year Premium Support"],
-          description: "Ideal for growing businesses needing advanced features and enhanced performance.",
-          button: {
-            text: "Select Standard",
-            href: "#contact",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "Custom Design",
-            "Advanced SEO Strategy",
-            "2-Year Premium Support",
-          ],
         },
         {
-          id: "premium",
+          id: "premium",          tag: "Enterprise",          price: "$3,499",          period: "one-time",          description: "For large-scale projects requiring comprehensive solutions and dedicated resources.",          button: {
-          tag: "Enterprise",
+            text: "Select Premium",            href: "#contact"},
-          price: "$3,499",
+          featuresTitle: "Includes:",          features: [
-          period: "one-time",
+            "Full E-commerce Integration",            "Marketing Automation",            "Lifetime Priority Support"],
-          description: "For large-scale projects requiring comprehensive solutions and dedicated resources.",
-          button: {
-            text: "Select Premium",
-            href: "#contact",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "Full E-commerce Integration",
-            "Marketing Automation",
-            "Lifetime Priority Support",
-          ],
         },
       ]}
       title="Flexible Pricing for Every Project"
@@ -324,35 +192,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah Johnson",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-winking_23-2148543300.jpg",          imageAlt: "smiling businesswoman portrait professional"},
-          name: "Sarah Johnson",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-winking_23-2148543300.jpg",
-          imageAlt: "smiling businesswoman portrait professional",
-        },
         {
-          id: "2",
+          id: "2",          name: "Michael Chen",          imageSrc: "http://img.b2bpic.net/free-photo/man-black-working-laptop-cafe_23-2147962625.jpg",          imageAlt: "male tech executive smiling confident"},
-          name: "Michael Chen",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-black-working-laptop-cafe_23-2147962625.jpg",
-          imageAlt: "male tech executive smiling confident",
-        },
         {
-          id: "3",
+          id: "3",          name: "Emily Rodriguez",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-corporate-office-sitting-desk_482257-8055.jpg",          imageAlt: "marketing director creative woman"},
-          name: "Emily Rodriguez",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-corporate-office-sitting-desk_482257-8055.jpg",
-          imageAlt: "marketing director creative woman",
-        },
         {
-          id: "4",
+          id: "4",          name: "David Kim",          imageSrc: "http://img.b2bpic.net/free-photo/contemplating-young-caucasian-man-holding-dairy-thinking_23-2148187202.jpg",          imageAlt: "product manager man serious look"},
-          name: "David Kim",
-          imageSrc: "http://img.b2bpic.net/free-photo/contemplating-young-caucasian-man-holding-dairy-thinking_23-2148187202.jpg",
-          imageAlt: "product manager man serious look",
-        },
         {
-          id: "5",
+          id: "5",          name: "Jessica Lee",          imageSrc: "http://img.b2bpic.net/free-photo/positive-mature-businessman-using-laptop-near-office-building_74855-3639.jpg",          imageAlt: "female startup founder smiling"},
-          name: "Jessica Lee",
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-mature-businessman-using-laptop-near-office-building_74855-3639.jpg",
-          imageAlt: "female startup founder smiling",
-        },
       ]}
       cardTitle="What Our Clients Say"
       cardTag="Trusted Feedback"
@@ -366,20 +214,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "What is your website development process?",          content: "Our process typically involves discovery, planning, design, development, testing, and deployment, followed by ongoing support and maintenance to ensure your site remains optimal."},
-          title: "What is your website development process?",
-          content: "Our process typically involves discovery, planning, design, development, testing, and deployment, followed by ongoing support and maintenance to ensure your site remains optimal.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "How long does it take to build a website?",          content: "The timeline varies based on complexity and features. A basic site might take 4-6 weeks, while more complex projects can take several months. We provide a detailed timeline after the initial consultation."},
-          title: "How long does it take to build a website?",
-          content: "The timeline varies based on complexity and features. A basic site might take 4-6 weeks, while more complex projects can take several months. We provide a detailed timeline after the initial consultation.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Do you offer post-launch support?",          content: "Yes, we offer comprehensive post-launch support and maintenance packages. This includes security updates, performance monitoring, and content management to keep your website running smoothly."},
-          title: "Do you offer post-launch support?",
-          content: "Yes, we offer comprehensive post-launch support and maintenance packages. This includes security updates, performance monitoring, and content management to keep your website running smoothly.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Find quick answers to the most common questions about our services and process."
@@ -391,14 +230,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{
-        variant: "rotated-rays-animated",
+        variant: "rotated-rays-animated"}}
-      }}
       text="Ready to Start Your Project? Reach Out Today!"
       buttons={[
         {
-          text: "Contact Us Now",
+          text: "Contact Us Now",          href: "mailto:info@webild.com"},
-          href: "mailto:info@webild.com",
-        },
       ]}
     />
   </div>
@@ -410,54 +246,33 @@ export default function LandingPage() {
       logoText="Webild"
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "About Us",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Services",
+              label: "Services",              href: "#features"},
-              href: "#features",
-            },
             {
-              label: "Portfolio",
+              label: "Portfolio",              href: "#products"},
-              href: "#products",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#faq"},
-              href: "#faq",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Connect",
+          title: "Connect",          items: [
-          items: [
             {
-              label: "LinkedIn",
+              label: "LinkedIn",              href: "https://linkedin.com"},
-              href: "https://linkedin.com",
-            },
             {
-              label: "Twitter",
+              label: "Twitter",              href: "https://twitter.com"},
-              href: "https://twitter.com",
-            },
             {
-              label: "Facebook",
+              label: "Facebook",              href: "https://facebook.com"},
-              href: "https://facebook.com",
-            },
           ],
         },
       ]}