Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -33,71 +33,36 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "home" },
-          name: "Home",          id: "home"},
+        { name: "Services", id: "services" },
-        {
+        { name: "About", id: "about" },
-          name: "Services",          id: "services"},
+        { name: "Testimonials", id: "testimonials" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "About",          id: "about"},
-        {
-          name: "Testimonials",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="QuickSite Co."
       button={{
-        text: "Get Quote",        href: "tel:07853820353"}}
+        text: "Get Quote",        href: "tel:07853820353"
+      }}
     />
   </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%",          label: "Avg. Lead Increase"},
+        { value: "99.9%", label: "Uptime Guarantee" },
-        {
+        { 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: "tel:07853820353"},
-        {
-          text: "Call Now",          href: "tel:07853820353"},
       ]}
-      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>
 
@@ -109,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>
@@ -121,24 +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",          name: "Website Design",          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/abstract-gradient-geometric-shapes_474888-9000.jpg" },
-        {
+        { id: "p3", name: "Landing Pages", price: "Flat Rate", imageSrc: "http://img.b2bpic.net/free-photo/abstract-wave-pattern_53876-13000.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={[
+      buttons={[{ text: "Enquire", href: "mailto:quicksiteco2@gmail.com" }]}
-        { text: "Enquire", href: "mailto:quicksiteco2@gmail.com" }
-      ]}
     />
   </div>
 
@@ -146,8 +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."
     />
@@ -159,14 +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",          title: "Fast Loading Times",          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." },
-          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>
@@ -177,21 +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",          badge: "Step 01",          price: "Discovery",          subtitle: "Define Goals",          features: [
+        { id: "s2", badge: "Step 02", price: "Design", subtitle: "Build Assets", features: ["UX/UI design", "Copywriting", "Performance build"], buttons: [{ text: "Start", href: "tel:07853820353" }] },
-            "Market research",            "Audience analysis",            "Competitor gap analysis"],
+        { id: "s3", badge: "Step 03", price: "Launch", subtitle: "Go Live", features: ["Testing", "SEO deployment", "Lead tracking"], buttons: [{ text: "Start", href: "tel:07853820353" }] },
-          buttons: [{ text: "Start", href: "tel:07853820353" }],
-        },
-        {
-          id: "s2",          badge: "Step 02",          price: "Design",          subtitle: "Build Assets",          features: [
-            "UX/UI design",            "Copywriting",            "Performance build"],
-          buttons: [{ text: "Start", href: "tel:07853820353" }],
-        },
-        {
-          id: "s3",          badge: "Step 03",          price: "Launch",          subtitle: "Go Live",          features: [
-            "Testing",            "SEO deployment",            "Lead tracking"],
-          buttons: [{ text: "Start", href: "tel:07853820353" }],
-        },
       ]}
       title="Simple 3-Step Process"
       description="We take the complexity out of getting a high-converting website live."
@@ -204,21 +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",          name: "Sarah Johnson",          handle: "CEO, LocalCorp",          testimonial: "QuickSite tripled our call volume in 3 months.",          rating: 5,
+        { 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/close-up-businessman-with-tie_1098-2867.jpg"},
+        { id: "3", name: "Emily Rodriguez", handle: "Founder, GrowthCo", testimonial: "Highly recommended for any local service business.", rating: 5 },
-        {
-          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"
@@ -230,12 +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",          title: "How long does it take?",          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." },
-          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."
@@ -246,12 +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"
       buttons={[
-        {
+        { text: "Call Now", href: "tel:07853820353" },
-          text: "Call Now",          href: "tel:07853820353"},
       ]}
     />
   </div>
@@ -261,28 +182,23 @@ export default function LandingPage() {
       columns={[
         {
           title: "QuickSite Co.",          items: [
-            {
+            { label: "Services", href: "#services" },
-              label: "Services",              href: "#services"},
+            { label: "About", href: "#about" },
-            {
+            { label: "Contact: quicksiteco2@gmail.com", href: "mailto:quicksiteco2@gmail.com" },
-              label: "About",              href: "#about"},
-            {
-              label: "Contact: quicksiteco2@gmail.com",              href: "mailto:quicksiteco2@gmail.com"},
           ],
         },
         {
           title: "Legal",          items: [
-            {
+            { label: "Privacy Policy", href: "#" },
-              label: "Privacy Policy",              href: "#"},
+            { label: "Terms of Service", href: "#" },
-            {
-              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}
-      bottomLeftText="© 2024 QuickSite Co. | 07853 820353"
+      bottomLeftText="© 2024 QuickSite Co. | 07853 820353 | www.QuickSiteCo.com"
       bottomRightText="Built for Results"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}