Update src/app/shop/page.tsx

Merge version_3 into main

src/app/cart/page.tsx

@@ -0,0 +1,85 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Facebook, Instagram, Linkedin, Twitter } from "lucide-react";
+import Link from 'next/link';
+
+export default function CartPage() {
+  const updatedNavItems = [
+    { name: "Home", id: "/#hero" },
+    { name: "About Us", id: "/#about" },
+    { name: "Shop", id: "/shop" },
+    { name: "Cart", id: "/cart" },
+    { name: "Testimonials", id: "/#testimonials" },
+    { name: "FAQ", id: "/#faq" },
+    { name: "Contact", id: "/#contact" }
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="mediumSmall"
+      sizing="medium"
+      background="floatingGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={updatedNavItems}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo-placeholder.png"
+            logoAlt="Techy Tamiami Logo"
+            brandName="Techy Tamiami"
+          />
+        </div>
+
+        <div id="cart-content" className="container mx-auto py-16 px-4 min-h-[60vh]">
+          <h1 className="text-4xl font-bold mb-8 text-center">Your Shopping Cart</h1>
+          <div className="bg-card p-8 rounded-lg shadow-lg max-w-2xl mx-auto">
+            <p className="text-foreground/80 text-center mb-6">Your cart is currently empty. Visit our <Link href="/shop" className="text-primary-cta hover:underline">shop</Link> to add items!</p>
+            {/* Placeholder for actual cart items */}
+            {/* Example: */}
+            {/* <div className="flex justify-between items-center py-4 border-b border-border"> */}
+            {/*   <h2 className="text-lg font-semibold">Product Name</h2> */}
+            {/*   <p className="text-md">$XX.XX</p> */}
+            {/* </div> */}
+            {/* <div className="text-right mt-6"> */}
+            {/*   <p className="text-xl font-bold mb-4">Total: $XX.XX</p> */}
+            {/*   <Link href="/checkout" className="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 h-9 px-4 py-2 bg-primary-cta text-primary-cta-foreground shadow hover:bg-primary-cta/90"> */}
+            {/*     Proceed to Checkout */}
+            {/*   </Link> */}
+            {/* </div> */}
+          </div>
+          <div className="text-center mt-8">
+            <Link href="/shop" className="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 h-9 px-4 py-2 bg-secondary-cta text-secondary-cta-foreground shadow hover:bg-secondary-cta/90">
+                Continue Shopping
+            </Link>
+          </div>
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EdGtL5EJ2VFkceq2NeCE7dtSEz/uploaded-1780503847637-w07zok86.png"
+            logoAlt="Techy Tamiami Logo"
+            logoText="Techy Tamiami"
+            copyrightText="© 2024 Techy Tamiami. All rights reserved."
+            socialLinks={[
+              { icon: Facebook, href: "https://facebook.com/techytamiami", ariaLabel: "Facebook" },
+              { icon: Instagram, href: "https://instagram.com/techytamiami", ariaLabel: "Instagram" },
+              { icon: Twitter, href: "https://twitter.com/techytamiami", ariaLabel: "Twitter" },
+              { icon: Linkedin, href: "https://linkedin.com/company/techytamiami", ariaLabel: "LinkedIn" }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -9,7 +9,7 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
+
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import { Facebook, Instagram, Linkedin, Twitter } from "lucide-react";
@@ -33,31 +33,21 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "#hero",
-        },
+          name: "Home",          id: "/#hero"},
         {
-          name: "About Us",
-          id: "#about",
-        },
+          name: "About Us",          id: "/#about"},
         {
-          name: "Services",
-          id: "#services",
-        },
+          name: "Shop",          id: "/shop"},
         {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+          name: "Cart",          id: "/cart"},
         {
-          name: "FAQ",
-          id: "#faq",
-        },
+          name: "Testimonials",          id: "/#testimonials"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "FAQ",          id: "/#faq"},
+        {
+          name: "Contact",          id: "/#contact"}
       ]}
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tzo00q"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo-placeholder.png"
       logoAlt="Techy Tamiami Logo"
       brandName="Techy Tamiami"
     />
@@ -66,66 +56,41 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboard
       background={{
-        variant: "canvas-reveal",
-      }}
+        variant: "canvas-reveal"}}
       title="Expert Electronic Repairs for All Your Devices"
       description="Techy Tamiami provides swift, reliable, and professional repair services for phones, laptops, tablets, and more. Get your tech working like new again."
       buttons={[
         {
-          text: "Get a Free Quote",
-          href: "#contact",
-        },
+          text: "Get a Free Quote",          href: "/#contact"},
         {
-          text: "View Services",
-          href: "#services",
-        },
+          text: "View Services",          href: "/shop"}
       ]}
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-african-american-person-smiling-working-his-living-room_482257-126267.jpg",
-          alt: "Customer 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-african-american-person-smiling-working-his-living-room_482257-126267.jpg",          alt: "Customer 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",
-          alt: "Customer 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",          alt: "Customer 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-redhead-man-with-laptop-looking-camera-cafe_1163-5162.jpg",
-          alt: "Customer 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiling-redhead-man-with-laptop-looking-camera-cafe_1163-5162.jpg",          alt: "Customer 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",
-          alt: "Customer 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",          alt: "Customer 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-dancer_107420-63943.jpg",
-          alt: "Satisfied Customer 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-smiling-dancer_107420-63943.jpg",          alt: "Satisfied Customer 5"}
       ]}
       avatarText="Trusted by 500+ happy customers"
       imageSrc="http://img.b2bpic.net/free-photo/miniature-workers-working-chip-motherboard_1252-830.jpg"
       imageAlt="Technician repairing electronic devices"
       marqueeItems={[
         {
-          type: "text",
-          text: "Fast Turnaround",
-        },
+          type: "text",          text: "Fast Turnaround"},
         {
-          type: "text",
-          text: "Certified Technicians",
-        },
+          type: "text",          text: "Certified Technicians"},
         {
-          type: "text",
-          text: "Quality Parts",
-        },
+          type: "text",          text: "Quality Parts"},
         {
-          type: "text",
-          text: "90-Day Warranty",
-        },
+          type: "text",          text: "90-Day Warranty"},
         {
-          type: "text",
-          text: "Customer Satisfaction",
-        },
+          type: "text",          text: "Customer Satisfaction"}
       ]}
     />
   </div>
@@ -137,17 +102,11 @@ export default function LandingPage() {
       description="At Techy Tamiami, we combine cutting-edge diagnostics with meticulous craftsmanship to ensure every repair meets the highest standards. We're passionate about bringing your electronics back to life."
       metrics={[
         {
-          value: "10+",
-          title: "Years Experience",
-        },
+          value: "10+",          title: "Years Experience"},
         {
-          value: "98%",
-          title: "Repair Success",
-        },
+          value: "98%",          title: "Repair Success"},
         {
-          value: "24 Hr",
-          title: "Turnaround",
-        },
+          value: "24 Hr",          title: "Turnaround"}
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/repairman-using-tweezers-hold-electronic-components-printed-circuit-board-while-repairing-mobile-phone-microscope_343059-496.jpg"
       imageAlt="Technician's hands repairing a smartphone"
@@ -164,95 +123,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Phone Screen Replacement",
-          description: "Restore your smartphone's display to perfect condition with our expert screen replacement service.",
-          imageSrc: "http://img.b2bpic.net/free-photo/broken-tablet-with-cracked-screen-broken-glass_53876-126631.jpg",
-          imageAlt: "Shattered phone screen being replaced",
-        },
+          title: "Phone Screen Replacement",          description: "Restore your smartphone's display to perfect condition with our expert screen replacement service.",          imageSrc: "http://img.b2bpic.net/free-photo/broken-tablet-with-cracked-screen-broken-glass_53876-126631.jpg",          imageAlt: "Shattered phone screen being replaced"},
         {
-          title: "Laptop Diagnostics & Repair",
-          description: "Thorough diagnosis and efficient repair for all laptop issues, from hardware malfunctions to software errors.",
-          imageSrc: "http://img.b2bpic.net/free-photo/master-uses-small-suction-cup-remove-battery-cells-from-broken-laptop-repair-clean-it-his-laboratory-with-special-tools-table-around_346278-1803.jpg",
-          imageAlt: "Laptop with internal components highlighted",
-        },
+          title: "Laptop Diagnostics & Repair",          description: "Thorough diagnosis and efficient repair for all laptop issues, from hardware malfunctions to software errors.",          imageSrc: "http://img.b2bpic.net/free-photo/master-uses-small-suction-cup-remove-battery-cells-from-broken-laptop-repair-clean-it-his-laboratory-with-special-tools-table-around_346278-1803.jpg",          imageAlt: "Laptop with internal components highlighted"},
         {
-          title: "Tablet Battery Replacement",
-          description: "Extend the life of your tablet with a new, high-performance battery replacement.",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-storage-device-laptop_23-2149319341.jpg",
-          imageAlt: "Tablet battery being replaced",
-        },
+          title: "Tablet Battery Replacement",          description: "Extend the life of your tablet with a new, high-performance battery replacement.",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-storage-device-laptop_23-2149319341.jpg",          imageAlt: "Tablet battery being replaced"},
         {
-          title: "Gaming Console HDMI Repair",
-          description: "Get your gaming back on track with professional HDMI port repair for all major consoles.",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-placing-cassette-tape-vintage-player_23-2148289127.jpg",
-          imageAlt: "Gaming console with glowing HDMI port",
-        },
+          title: "Gaming Console HDMI Repair",          description: "Get your gaming back on track with professional HDMI port repair for all major consoles.",          imageSrc: "http://img.b2bpic.net/free-photo/person-placing-cassette-tape-vintage-player_23-2148289127.jpg",          imageAlt: "Gaming console with glowing HDMI port"}
       ]}
       title="Comprehensive Repair Services"
       description="From shattered screens to software glitches, our certified technicians handle a wide range of electronic issues with precision and care."
     />
   </div>
 
-  <div id="services" data-section="services">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "iphone-screen",
-          name: "iPhone Screen Repair",
-          price: "Starting at $89",
-          variant: "Premium LCD/OLED",
-          imageSrc: "http://img.b2bpic.net/free-photo/removing-old-bli-battery-from-disassembled-smartphone-replace-it-with-new-one-electronic-repairment-service_346278-1204.jpg",
-          imageAlt: "Repaired iPhone screen",
-        },
-        {
-          id: "macbook-logic",
-          name: "MacBook Logic Board Repair",
-          price: "Starting at $249",
-          variant: "Component Level",
-          imageSrc: "http://img.b2bpic.net/free-photo/hand-that-uses-angled-esd-tweezers-remove-dust-from-electronic-boards-broken-slim-computer-laptop-fix-it-make-work-again_346278-1801.jpg",
-          imageAlt: "MacBook logic board repair",
-        },
-        {
-          id: "samsung-battery",
-          name: "Samsung Galaxy Battery",
-          price: "Starting at $59",
-          variant: "OEM Quality",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-view-master-uses-pincher-tool-remove-sim-card-slot-from-smart-phone-while-disassembling-it_346278-1186.jpg",
-          imageAlt: "Samsung Galaxy battery replacement",
-        },
-        {
-          id: "ipad-digitizer",
-          name: "iPad Digitizer Replacement",
-          price: "Starting at $129",
-          variant: "High-Sensitivity",
-          imageSrc: "http://img.b2bpic.net/free-photo/utensil-spatula-ladle-black-screen-digital-tablet-beige-background_23-2148041476.jpg",
-          imageAlt: "iPad digitizer replacement",
-        },
-        {
-          id: "console-hdmi",
-          name: "Gaming Console HDMI Port",
-          price: "Starting at $79",
-          variant: "All Consoles",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-using-external-storage-used_23-2149388501.jpg",
-          imageAlt: "Gaming console HDMI port",
-        },
-        {
-          id: "data-recovery",
-          name: "Data Recovery Services",
-          price: "Custom Quote",
-          variant: "HDD/SSD/USB",
-          imageSrc: "http://img.b2bpic.net/free-photo/dictatorship-concept-with-keyhole_23-2149672829.jpg",
-          imageAlt: "Data recovery illustration",
-        },
-      ]}
-      title="Our Popular Repair Categories"
-      description="Explore our most frequently requested repair services. We use high-quality parts and offer warranties on all work."
-    />
-  </div>
+  
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFive
@@ -260,65 +144,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah J.",
-          date: "2024-03-15",
-          title: "Lifesaver for My Laptop!",
-          quote: "My laptop crashed right before a big deadline. Techy Tamiami fixed it incredibly fast, and my data was safe! Truly a lifesaver.",
-          tag: "Laptop Repair",
-          avatarSrc: "http://img.b2bpic.net/free-photo/scientist-factory-using-tablet-check-photovoltaics-materials-parameters_482257-120526.jpg",
-          avatarAlt: "Sarah J. avatar",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-colleagues_23-2148349944.jpg",
-          imageAlt: "Tech office background",
-        },
+          id: "1",          name: "Sarah J.",          date: "2024-03-15",          title: "Lifesaver for My Laptop!",          quote: "My laptop crashed right before a big deadline. Techy Tamiami fixed it incredibly fast, and my data was safe! Truly a lifesaver.",          tag: "Laptop Repair",          avatarSrc: "http://img.b2bpic.net/free-photo/scientist-factory-using-tablet-check-photovoltaics-materials-parameters_482257-120526.jpg",          avatarAlt: "Sarah J. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-colleagues_23-2148349944.jpg",          imageAlt: "Tech office background"},
         {
-          id: "2",
-          name: "Michael T.",
-          date: "2024-03-01",
-          title: "Excellent Phone Screen Repair",
-          quote: "Had my cracked phone screen replaced here. The service was quick, professional, and the screen looks perfect. Highly recommend!",
-          tag: "Phone Repair",
-          avatarSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285285.jpg",
-          avatarAlt: "Michael T. avatar",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-defocus-hotel-lobby-interior_74190-8925.jpg",
-          imageAlt: "Coworking space background",
-        },
+          id: "2",          name: "Michael T.",          date: "2024-03-01",          title: "Excellent Phone Screen Repair",          quote: "Had my cracked phone screen replaced here. The service was quick, professional, and the screen looks perfect. Highly recommend!",          tag: "Phone Repair",          avatarSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285285.jpg",          avatarAlt: "Michael T. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-defocus-hotel-lobby-interior_74190-8925.jpg",          imageAlt: "Coworking space background"},
         {
-          id: "3",
-          name: "Emily R.",
-          date: "2024-02-20",
-          title: "Quick & Reliable Tablet Fix",
-          quote: "My tablet wasn't charging, and they diagnosed and fixed the issue within a day. Fantastic service, very reliable.",
-          tag: "Tablet Repair",
-          avatarSrc: "http://img.b2bpic.net/free-photo/no-minute-without-my-laptop-handsome-young-man-working-laptop-while-enjoying-coffee-cafe_639032-2899.jpg",
-          avatarAlt: "Emily R. avatar",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-typing-laptop_23-2148708798.jpg",
-          imageAlt: "Home office background",
-        },
+          id: "3",          name: "Emily R.",          date: "2024-02-20",          title: "Quick & Reliable Tablet Fix",          quote: "My tablet wasn't charging, and they diagnosed and fixed the issue within a day. Fantastic service, very reliable.",          tag: "Tablet Repair",          avatarSrc: "http://img.b2bpic.net/free-photo/no-minute-without-my-laptop-handsome-young-man-working-laptop-while-enjoying-coffee-cafe_639032-2899.jpg",          avatarAlt: "Emily R. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-typing-laptop_23-2148708798.jpg",          imageAlt: "Home office background"},
         {
-          id: "4",
-          name: "David L.",
-          date: "2024-02-10",
-          title: "Data Recovery Success!",
-          quote: "Thought my old hard drive was completely gone, but Techy Tamiami managed to recover all my important files. Couldn't be happier.",
-          tag: "Data Recovery",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-girl-white-t-shirt-hat-standing-with-crossed-arms-looking-confident-front-view_176474-39366.jpg",
-          avatarAlt: "David L. avatar",
-          imageSrc: "http://img.b2bpic.net/free-photo/group-four-south-asian-men-s-posed-business-meeting-cafe-indians-having-conversation_627829-5246.jpg",
-          imageAlt: "Cafe background",
-        },
+          id: "4",          name: "David L.",          date: "2024-02-10",          title: "Data Recovery Success!",          quote: "Thought my old hard drive was completely gone, but Techy Tamiami managed to recover all my important files. Couldn't be happier.",          tag: "Data Recovery",          avatarSrc: "http://img.b2bpic.net/free-photo/young-girl-white-t-shirt-hat-standing-with-crossed-arms-looking-confident-front-view_176474-39366.jpg",          avatarAlt: "David L. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/group-four-south-asian-men-s-posed-business-meeting-cafe-indians-having-conversation_627829-5246.jpg",          imageAlt: "Cafe background"},
         {
-          id: "5",
-          name: "Jessica M.",
-          date: "2024-01-28",
-          title: "Best Console Repair in Town",
-          quote: "My gaming console's HDMI port was broken. They fixed it fast, and now I'm back to gaming in high definition!",
-          tag: "Console Repair",
-          avatarSrc: "http://img.b2bpic.net/free-photo/bearded-grey-haired-elderly-man-wearing-formal-suit_273609-5596.jpg",
-          avatarAlt: "Jessica M. avatar",
-          imageSrc: "http://img.b2bpic.net/free-photo/medical-tubes-blue-background_23-2148958403.jpg",
-          imageAlt: "Laboratory background",
-        },
+          id: "5",          name: "Jessica M.",          date: "2024-01-28",          title: "Best Console Repair in Town",          quote: "My gaming console's HDMI port was broken. They fixed it fast, and now I'm back to gaming in high definition!",          tag: "Console Repair",          avatarSrc: "http://img.b2bpic.net/free-photo/bearded-grey-haired-elderly-man-wearing-formal-suit_273609-5596.jpg",          avatarAlt: "Jessica M. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/medical-tubes-blue-background_23-2148958403.jpg",          imageAlt: "Laboratory background"}
       ]}
       title="What Our Customers Say"
       description="Hear from satisfied clients who chose Techy Tamiami for their electronic repair needs."
@@ -330,14 +164,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "ByteForge Solutions",
-        "Quantalytix",
-        "NexusNet Innovations",
-        "SentinelShield Security",
-        "CogniCraft AI",
-        "SkyHost Cloud Services",
-        "TitanCore Hardware",
-      ]}
+        "ByteForge Solutions",        "Quantalytix",        "NexusNet Innovations",        "SentinelShield Security",        "CogniCraft AI",        "SkyHost Cloud Services",        "TitanCore Hardware"]}
       title="Trusted by Local Businesses & Tech Enthusiasts"
       description="We're proud to serve a diverse clientele, from individual gadget owners to local tech companies."
     />
@@ -349,25 +176,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "faq-1",
-          title: "What kind of devices do you repair?",
-          content: "We repair a wide range of electronic devices including smartphones (iPhone, Samsung, Google Pixel), laptops (MacBook, Dell, HP, Lenovo), tablets (iPad, Samsung Galaxy Tab), gaming consoles, and more. If it's electronic, chances are we can fix it!",
-        },
+          id: "faq-1",          title: "What kind of devices do you repair?",          content: "We repair a wide range of electronic devices including smartphones (iPhone, Samsung, Google Pixel), laptops (MacBook, Dell, HP, Lenovo), tablets (iPad, Samsung Galaxy Tab), gaming consoles, and more. If it's electronic, chances are we can fix it!"},
         {
-          id: "faq-2",
-          title: "How long does a typical repair take?",
-          content: "Most common repairs like screen replacements or battery swaps can be completed within 24 hours. More complex issues might take longer, but we'll always provide an estimated timeframe upfront.",
-        },
+          id: "faq-2",          title: "How long does a typical repair take?",          content: "Most common repairs like screen replacements or battery swaps can be completed within 24 hours. More complex issues might take longer, but we'll always provide an estimated timeframe upfront."},
         {
-          id: "faq-3",
-          title: "Do you offer a warranty on your repairs?",
-          content: "Yes, all our repairs come with a standard 90-day warranty on parts and labor, giving you peace of mind that your device is in good hands.",
-        },
+          id: "faq-3",          title: "Do you offer a warranty on your repairs?",          content: "Yes, all our repairs come with a standard 90-day warranty on parts and labor, giving you peace of mind that your device is in good hands."},
         {
-          id: "faq-4",
-          title: "Can I get a quote before bringing in my device?",
-          content: "Absolutely! You can contact us via phone or email with details about your device and the issue, and we'll provide a free, no-obligation estimate. For complex issues, an in-person diagnostic might be required.",
-        },
+          id: "faq-4",          title: "Can I get a quote before bringing in my device?",          content: "Absolutely! You can contact us via phone or email with details about your device and the issue, and we'll provide a free, no-obligation estimate. For complex issues, an in-person diagnostic might be required."}
       ]}
       title="Frequently Asked Questions"
       description="Find quick answers to common questions about our repair process, warranties, and services."
@@ -379,53 +194,40 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       text="Ready to Get Your Device Fixed? Contact Us Today!"
       buttons={[
         {
-          text: "Call Now: (941) 555-0123",
-          href: "tel:+19415550123",
-        },
+          text: "Call Now: (941) 555-0123",          href: "tel:+19415550123"},
         {
-          text: "Email Us",
-          href: "mailto:info@techytamiami.com",
-        },
+          text: "Email Us",          href: "mailto:info@techytamiami.com"}
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterCard
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tzo00q"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EdGtL5EJ2VFkceq2NeCE7dtSEz/uploaded-1780503847637-w07zok86.png"
       logoAlt="Techy Tamiami Logo"
       logoText="Techy Tamiami"
       copyrightText="© 2024 Techy Tamiami. All rights reserved."
       socialLinks={[
         {
           icon: Facebook,
-          href: "https://facebook.com/techytamiami",
-          ariaLabel: "Facebook",
-        },
+          href: "https://facebook.com/techytamiami",          ariaLabel: "Facebook"},
         {
           icon: Instagram,
-          href: "https://instagram.com/techytamiami",
-          ariaLabel: "Instagram",
-        },
+          href: "https://instagram.com/techytamiami",          ariaLabel: "Instagram"},
         {
           icon: Twitter,
-          href: "https://twitter.com/techytamiami",
-          ariaLabel: "Twitter",
-        },
+          href: "https://twitter.com/techytamiami",          ariaLabel: "Twitter"},
         {
           icon: Linkedin,
-          href: "https://linkedin.com/company/techytamiami",
-          ariaLabel: "LinkedIn",
-        },
+          href: "https://linkedin.com/company/techytamiami",          ariaLabel: "LinkedIn"}
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/shop/page.tsx

@@ -0,0 +1,100 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import { Facebook, Instagram, Linkedin, Twitter } from "lucide-react";
+
+export default function ShopPage() {
+  const products = [
+    {
+      id: "1",      name: "Smartphone Screen Repair",      price: "$99.99",      variant: "Standard",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EdGtL5EJ2VFkceq2NeCE7dtSEz/uploaded-1780504028868-qsj0vu76.jpg",      imageAlt: "Phone screen repair",      rating: 4.5,
+      reviewCount: "120"
+    },
+    {
+      id: "2",      name: "Laptop Diagnostic",      price: "$49.00",      variant: "Initial Fee",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EdGtL5EJ2VFkceq2NeCE7dtSEz/uploaded-1780504028868-b9iqmtgo.jpg",      imageAlt: "Laptop diagnostic",      rating: 4.8,
+      reviewCount: "85"
+    },
+    {
+      id: "3",      name: "Tablet Battery Replacement",      price: "$79.99",      variant: "Premium",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EdGtL5EJ2VFkceq2NeCE7dtSEz/uploaded-1780504028868-pa088lxv.jpg",      imageAlt: "Tablet battery replacement",      rating: 4.2,
+      reviewCount: "60"
+    },
+    {
+      id: "4",      name: "Gaming Console HDMI Fix",      price: "$129.99",      variant: "Advanced",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EdGtL5EJ2VFkceq2NeCE7dtSEz/uploaded-1780504028868-diq7d7sn.jpg",      imageAlt: "Gaming console HDMI repair",      rating: 4.7,
+      reviewCount: "95"
+    },
+    {
+      id: "5",      name: "Data Recovery Service",      price: "Starting at $150",      variant: "Complex",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EdGtL5EJ2VFkceq2NeCE7dtSEz/uploaded-1780504028868-dznb26s4.jpg",      imageAlt: "Data recovery service",      rating: 4.9,
+      reviewCount: "45"
+    },
+    {
+      id: "6",      name: "Protective Phone Case",      price: "$25.00",      variant: "Accessory",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/default_image.jpg",      imageAlt: "Protective phone case",      rating: 4.0,
+      reviewCount: "200"
+    }
+  ];
+
+  const updatedNavItems = [
+    { name: "Home", id: "/#hero" },
+    { name: "About Us", id: "/#about" },
+    { name: "Shop", id: "/shop" },
+    { name: "Cart", id: "/cart" },
+    { name: "Testimonials", id: "/#testimonials" },
+    { name: "FAQ", id: "/#faq" },
+    { name: "Contact", id: "/#contact" }
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="mediumSmall"
+      sizing="medium"
+      background="floatingGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={updatedNavItems}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo-placeholder.png"
+            logoAlt="Techy Tamiami Logo"
+            brandName="Techy Tamiami"
+          />
+        </div>
+
+        <div id="shop-products" data-section="shop-products">
+          <ProductCardFour
+            title="Our Services & Products"
+            description="Explore our range of expert repair services and high-quality accessories."
+            products={products}
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            useInvertedBackground={false}
+            textboxLayout="default"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EdGtL5EJ2VFkceq2NeCE7dtSEz/uploaded-1780503847637-w07zok86.png"
+            logoAlt="Techy Tamiami Logo"
+            logoText="Techy Tamiami"
+            copyrightText="© 2024 Techy Tamiami. All rights reserved."
+            socialLinks={[
+              { icon: Facebook, href: "https://facebook.com/techytamiami", ariaLabel: "Facebook" },
+              { icon: Instagram, href: "https://instagram.com/techytamiami", ariaLabel: "Instagram" },
+              { icon: Twitter, href: "https://twitter.com/techytamiami", ariaLabel: "Twitter" },
+              { icon: Linkedin, href: "https://linkedin.com/company/techytamiami", ariaLabel: "LinkedIn" }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/styles/variables.css

@@ -13,12 +13,12 @@
   --background: #000000;
   --card: #0c0c0c;
   --foreground: #ffffff;
-  --primary-cta: #cee7ff;
+  --primary-cta: #106EFB;
   --primary-cta-text: #000000;
   --secondary-cta: #000000;
   --secondary-cta-text: #ffffff;
   --accent: #535353;
-  --background-accent: #CEE7FF;
+  --background-accent: #106EFB;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/lib/dummyProducts.ts

@@ -0,0 +1,79 @@
+import { ImagePlus } from "lucide-react";
+import React from "react";
+
+export const dummyProducts = [
+  {
+    id: '1',
+    brand: 'TechGadget',
+    name: 'Smartphone Screen Repair Kit',
+    price: '$49.99',
+    rating: 4.5,
+    reviewCount: '120 reviews',
+    imageSrc: 'http://img.b2bpic.net/free-photo/flat-lay-broken-screen-smartphone-accessories_23-2148401306.jpg?_wi=1',
+    imageAlt: 'Smartphone screen repair kit',
+    description: 'DIY kit for repairing common smartphone screen cracks. Includes tools and replacement glass for most popular models.',
+  },
+  {
+    id: '2',
+    brand: 'LaptopCare',
+    name: 'High-Performance Laptop Battery',
+    price: '$89.99',
+    rating: 4.8,
+    reviewCount: '85 reviews',
+    imageSrc: 'http://img.b2bpic.net/free-photo/broken-laptop-repair-tools-table_343059-548.jpg',
+    imageAlt: 'High-performance laptop battery',
+    description: 'Long-lasting replacement battery for various laptop brands. Enjoy extended usage and reliable power.',
+  },
+  {
+    id: '3',
+    brand: 'TabletFix',
+    name: 'Universal Tablet Charging Port',
+    price: '$29.99',
+    rating: 4.2,
+    reviewCount: '50 reviews',
+    imageSrc: 'http://img.b2bpic.net/free-photo/computer-repair-engineer-working-pc_177995-1565.jpg?_wi=1',
+    imageAlt: 'Universal tablet charging port',
+    description: 'Replace your faulty charging port with this universal solution. Compatible with most tablet models.',
+  },
+  {
+    id: '4',
+    brand: 'GamerGear',
+    name: 'Gaming Console HDMI Port',
+    price: '$59.99',
+    rating: 4.6,
+    reviewCount: '95 reviews',
+    imageSrc: 'http://img.b2bpic.net/free-photo/gamepad-gaming-headset-blue-background_23-2148281358.jpg',
+    imageAlt: 'Gaming console HDMI port',
+    description: 'High-quality HDMI port replacement for popular gaming consoles. Restore your crisp visuals and audio.',
+  },
+  {
+    id: '5',
+    brand: 'DataSecure',
+    name: 'External SSD Data Recovery Service',
+    price: '$199.99',
+    rating: 4.9,
+    reviewCount: '70 reviews',
+    imageSrc: 'http://img.b2bpic.net/free-photo/hard-disk-drive-inside_1252-817.jpg',
+    imageAlt: 'External SSD for data recovery',
+    description: 'Professional data recovery for external SSDs. We can retrieve lost or corrupted files from damaged drives.',
+  },
+];
+
+export const dummyCartItems = [
+  {
+    id: '1',
+    name: 'Smartphone Screen Repair Kit',
+    price: '$49.99',
+    quantity: 1,
+    imageSrc: 'http://img.b2bpic.net/free-photo/flat-lay-broken-screen-smartphone-accessories_23-2148401306.jpg?_wi=2',
+    imageAlt: 'Smartphone screen repair kit',
+  },
+  {
+    id: '3',
+    name: 'Universal Tablet Charging Port',
+    price: '$29.99',
+    quantity: 2,
+    imageSrc: 'http://img.b2bpic.net/free-photo/computer-repair-engineer-working-pc_177995-1565.jpg?_wi=2',
+    imageAlt: 'Universal tablet charging port',
+  },
+];