Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -33,114 +33,36 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "home" },
-          name: "Home",
+        { name: "Services", id: "services" },
-          id: "home",
+        { name: "About", id: "about" },
-        },
+        { name: "Testimonials", id: "testimonials" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="QuickSite Co."
       button={{
-        text: "Get Quote",
+        text: "Get Quote",        href: "tel:07853820353"
-        href: "#contact",
       }}
     />
   </div>
 
   <div id="home" data-section="home">
       <HeroSplitKpi
-      background={{
+      background={{ variant: "glowing-orb" }}
-        variant: "glowing-orb",
-      }}
       title="Professional Websites That Turn Visitors Into Customers"
       description="QuickSite Co. builds fast, modern websites designed to generate calls, leads, and long-term business growth."
       kpis={[
-        {
+        { value: "200%", label: "Avg. Lead Increase" },
-          value: "200%",
+        { value: "99.9%", label: "Uptime Guarantee" },
-          label: "Avg. Lead Increase",
+        { value: "10x", label: "Performance Gains" },
-        },
-        {
-          value: "99.9%",
-          label: "Uptime Guarantee",
-        },
-        {
-          value: "10x",
-          label: "Performance Gains",
-        },
       ]}
       enableKpiAnimation={true}
       buttons={[
-        {
+        { text: "Get Your Free Quote", href: "tel:07853820353" }
-          text: "Get a Free Quote",
-          href: "#contact",
-        },
-        {
-          text: "Call Now",
-          href: "tel:+15550000000",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/computer-scientist-using-vr-technology-make-ai-become-sentient-celebrating_482257-83405.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/abstract-blue-geometric-shapes-digital-art-background_482257-126105.jpg"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/industrial-designers-working-project_23-2149307807.jpg",
-          alt: "Industrial designers working on project",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/lines-code-running-computer-screens-tablet-data-center_482257-123473.jpg",
-          alt: "Lines of code running on computer screens and tablet in data center",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/sleek-desktop-workspace-displays-active-code-windows-artificial-intelligence_482257-126307.jpg",
-          alt: "Sleek desktop workspace displays active code windows for artificial intelligence",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/just-minute-we-are-ready-polygraph-examiner-works-office-with-his-lie-detector-s-equipment_146671-17298.jpg",
-          alt: "Just a minute and we are ready. Polygraph examiner works in the office with his lie detector's equipment",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg",
-          alt: "Luxurious business environment used in corporate culture and the industry",
-        },
-      ]}
       avatarText="Trusted by 500+ top-tier partners"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Google Partners",
-        },
-        {
-          type: "text",
-          text: "Meta Verified",
-        },
-        {
-          type: "text",
-          text: "Webflow Experts",
-        },
-        {
-          type: "text",
-          text: "Awwwards Nominated",
-        },
-        {
-          type: "text",
-          text: "Tech Industry Certified",
-        },
-      ]}
     />
   </div>
 
@@ -152,7 +74,7 @@ export default function LandingPage() {
       description="We specialize in high-performance digital presence that converts. Every design choice is driven by user data and business growth objectives."
       subdescription="Our mission is to help local businesses scale by making the web their most efficient sales engine."
       icon={ShieldCheck}
-      imageSrc="http://img.b2bpic.net/free-photo/empowered-black-ceo-working-high-end-downtown-corporate-office_482257-118551.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/abstract-tech-background-blue-tones_482257-125000.jpg"
       mediaAnimation="blur-reveal"
     />
   </div>
@@ -164,45 +86,13 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "p1", name: "Website Design", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/abstract-network-lines_1048-12400.jpg" },
-          id: "p1",
+        { id: "p2", name: "Local SEO", price: "Monthly", imageSrc: "http://img.b2bpic.net/free-photo/abstract-gradient-geometric-shapes_474888-9000.jpg" },
-          name: "Website Design",
+        { id: "p3", name: "Landing Pages", price: "Flat Rate", imageSrc: "http://img.b2bpic.net/free-photo/abstract-wave-pattern_53876-13000.jpg" },
-          price: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-photo/five-3d-glasses_23-2147775804.jpg",
-        },
-        {
-          id: "p2",
-          name: "Local SEO",
-          price: "Monthly",
-          imageSrc: "http://img.b2bpic.net/free-photo/ribbed-glass-background-with-abstract-waves-glossy-gradient-textures-black-white_474888-8026.jpg",
-        },
-        {
-          id: "p3",
-          name: "Landing Pages",
-          price: "Flat Rate",
-          imageSrc: "http://img.b2bpic.net/free-photo/green-minimal-computer-desktop-digital-device-with-design-space-set_53876-126780.jpg",
-        },
-        {
-          id: "p4",
-          name: "Lead Generation",
-          price: "Performance",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-chromatic-gradient_23-2151920621.jpg",
-        },
-        {
-          id: "p5",
-          name: "Conversion Optimization",
-          price: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg",
-        },
-        {
-          id: "p6",
-          name: "Maintenance",
-          price: "Fixed",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg",
-        },
       ]}
       title="Our Expert Solutions"
       description="Premium services designed to grow your local business and generate qualified inbound calls."
+      buttons={[{ text: "Enquire", href: "mailto:quicksiteco2@gmail.com" }]}
     />
   </div>
 
@@ -210,15 +100,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
+      names={["Google Partners", "Meta Verified", "Webflow Experts", "Awwwards Nominated", "Local SEO Leaders"]}
-        "Google Partners",
-        "Meta Verified",
-        "Webflow Experts",
-        "Awwwards Nominated",
-        "Local SEO Leaders",
-        "Five Star Service",
-        "Tech Industry Certified",
-      ]}
       title="Trusted by Growing Businesses"
       description="Join hundreds of local businesses that trust QuickSite Co. to manage their digital presence."
     />
@@ -230,23 +112,11 @@ export default function LandingPage() {
       title="Why Choose QuickSite Co.?"
       description="We blend creative design with technical performance to ensure you dominate your market segment."
       accordionItems={[
-        {
+        { id: "f1", title: "Fast Loading Times", content: "Our sites score 90+ on Lighthouse to maximize user retention." },
-          id: "f1",
+        { id: "f2", title: "Conversion Focused", content: "Every site built around inbound lead triggers." },
-          title: "Fast Loading Times",
+        { id: "f3", title: "SEO Optimized", content: "Local and organic growth baked into the site structure." },
-          content: "Our sites score 90+ on Lighthouse to maximize user retention.",
-        },
-        {
-          id: "f2",
-          title: "Conversion Focused",
-          content: "Every site built around inbound lead triggers.",
-        },
-        {
-          id: "f3",
-          title: "SEO Optimized",
-          content: "Local and organic growth baked into the site structure.",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-techno-background_1048-8572.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/abstract-binary-data-stream_1048-9000.jpg"
       mediaAnimation="slide-up"
     />
   </div>
@@ -257,42 +127,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       plans={[
-        {
+        { id: "s1", badge: "Step 01", price: "Discovery", subtitle: "Define Goals", features: ["Market research", "Audience analysis", "Competitor gap analysis"], buttons: [{ text: "Start", href: "tel:07853820353" }] },
-          id: "s1",
+        { id: "s2", badge: "Step 02", price: "Design", subtitle: "Build Assets", features: ["UX/UI design", "Copywriting", "Performance build"], buttons: [{ text: "Start", href: "tel:07853820353" }] },
-          badge: "Step 01",
+        { id: "s3", badge: "Step 03", price: "Launch", subtitle: "Go Live", features: ["Testing", "SEO deployment", "Lead tracking"], buttons: [{ text: "Start", href: "tel:07853820353" }] },
-          price: "Discovery",
-          subtitle: "Define Goals",
-          features: [
-            "Market research",
-            "Audience analysis",
-            "Competitor gap analysis",
-          ],
-          buttons: [],
-        },
-        {
-          id: "s2",
-          badge: "Step 02",
-          price: "Design",
-          subtitle: "Build Assets",
-          features: [
-            "UX/UI design",
-            "Copywriting",
-            "Performance build",
-          ],
-          buttons: [],
-        },
-        {
-          id: "s3",
-          badge: "Step 03",
-          price: "Launch",
-          subtitle: "Go Live",
-          features: [
-            "Testing",
-            "SEO deployment",
-            "Lead tracking",
-          ],
-          buttons: [],
-        },
       ]}
       title="Simple 3-Step Process"
       description="We take the complexity out of getting a high-converting website live."
@@ -305,46 +142,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", name: "Sarah Johnson", handle: "CEO, LocalCorp", testimonial: "QuickSite tripled our call volume in 3 months.", rating: 5 },
-          id: "1",
+        { id: "2", name: "Michael Chen", handle: "Director, Innovate", testimonial: "Best agency I've worked with. Professional and fast.", rating: 5 },
-          name: "Sarah Johnson",
+        { id: "3", name: "Emily Rodriguez", handle: "Founder, GrowthCo", testimonial: "Highly recommended for any local service business.", rating: 5 },
-          handle: "CEO, LocalCorp",
-          testimonial: "QuickSite tripled our call volume in 3 months.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          handle: "Director, Innovate",
-          testimonial: "Best agency I've worked with. Professional and fast.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-posing-purple-wall_176420-2852.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          handle: "Founder, GrowthCo",
-          testimonial: "Highly recommended for any local service business.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          handle: "Partner, StartUp",
-          testimonial: "Professional results and great ROI for our ads.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-old-man-wearing-suit_23-2148831105.jpg",
-        },
-        {
-          id: "5",
-          name: "Lisa Wang",
-          handle: "Owner, Retail",
-          testimonial: "My new site looks amazing and converts so well.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165966.jpg",
-        },
       ]}
       showRating={true}
       title="Success Stories"
@@ -356,21 +156,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "q1", title: "How long does it take?", content: "Most projects are completed in 3-5 weeks." },
-          id: "q1",
+        { id: "q2", title: "Can I request changes?", content: "Yes, we include revisions in every project phase." },
-          title: "How long does it take?",
+        { id: "q3", title: "Do you offer SEO?", content: "Yes, local SEO is included in our standard lead-gen packages." },
-          content: "Most projects are completed in 3-5 weeks.",
-        },
-        {
-          id: "q2",
-          title: "Can I request changes?",
-          content: "Yes, we include revisions in every project phase.",
-        },
-        {
-          id: "q3",
-          title: "Do you offer SEO?",
-          content: "Yes, local SEO is included in our standard lead-gen packages.",
-        },
       ]}
       sideTitle="Frequently Asked"
       sideDescription="Get quick answers to common questions about our services."
@@ -381,15 +169,10 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient",
+      text="Ready to turn your website into a lead-generating powerhouse? Get your free quote today or email us at quicksiteco2@gmail.com"
-      }}
-      text="Ready to turn your website into a lead-generating powerhouse? Get your free quote today."
       buttons={[
-        {
+        { text: "Call Now", href: "tel:07853820353" },
-          text: "Get Started",
-          href: "#contact",
-        },
       ]}
     />
   </div>
@@ -398,37 +181,20 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "QuickSite Co.",
+          title: "QuickSite Co.",          items: [
-          items: [
+            { label: "Services", href: "#services" },
-            {
+            { label: "About", href: "#about" },
-              label: "Services",
+            { label: "Contact: quicksiteco2@gmail.com", href: "mailto:quicksiteco2@gmail.com" },
-              href: "#services",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
+            { label: "Privacy Policy", href: "#" },
-            {
+            { label: "Terms of Service", href: "#" },
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
           ],
         },
       ]}
-      bottomLeftText="© 2024 QuickSite Co."
+      bottomLeftText="© 2024 QuickSite Co. | 07853 820353 | www.QuickSiteCo.com"
       bottomRightText="Built for Results"
     />
   </div>