From 60a4aa47109f512fc9e2864d6c6cf28d6516d4d3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 14:08:22 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 292 +++++++----------------------------------------
 1 file changed, 43 insertions(+), 249 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9c94bf1..883759e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,127 +29,44 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "Shop",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-        {
-          name: "Order via WhatsApp",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Shop", id: "products" },
+        { name: "Contact", id: "contact" }
       ]}
       brandName="Tynnie’s Mobile World"
+      button={{ text: "Order Now", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Tynnie’s Mobile World"
       description="OPEN 24hrs with delivery to Africa 🇿🇦. High-quality pre-owned iPhones at the best prices. Order directly via WhatsApp."
       testimonials={[
-        {
-          name: "Sarah J.",
-          handle: "@tunniesfan",
-          testimonial: "Excellent service and phone is in perfect condition!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-earphone-isolated-white-background_23-2147854181.jpg",
-        },
-        {
-          name: "Mark D.",
-          handle: "@tunniesfan",
-          testimonial: "Fast delivery to SA and great support.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-white-screen-blue-edge-isolated-white-surface_187299-46725.jpg",
-        },
-        {
-          name: "Lindiwe T.",
-          handle: "@tunniesfan",
-          testimonial: "Best price for an iPhone 11. Very happy!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-5078.jpg",
-        },
-        {
-          name: "Kofi M.",
-          handle: "@tunniesfan",
-          testimonial: "The iPhone X works like brand new. Thanks!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17210.jpg",
-        },
-        {
-          name: "Zanele P.",
-          handle: "@tunniesfan",
-          testimonial: "Great professional service, will buy again.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5149.jpg",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Shop Now",
-          href: "#products",
-        },
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
+        { name: "Sarah J.", handle: "@tunniesfan", testimonial: "Excellent service and phone is in perfect condition!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-earphone-isolated-white-background_23-2147854181.jpg" },
+        { name: "Mark D.", handle: "@tunniesfan", testimonial: "Fast delivery to SA and great support.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-white-screen-blue-edge-isolated-white-surface_187299-46725.jpg" },
+        { name: "Lindiwe T.", handle: "@tunniesfan", testimonial: "Best price for an iPhone 11. Very happy!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-5078.jpg" },
+        { name: "Kofi M.", handle: "@tunniesfan", testimonial: "The iPhone X works like brand new. Thanks!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17210.jpg" },
+        { name: "Zanele P.", handle: "@tunniesfan", testimonial: "Great professional service, will buy again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5149.jpg" }
       ]}
+      buttons={[{ text: "Shop Now", href: "#products" }, { text: "Contact Us", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/gold-rose-brown-earth-tone-background_53876-104723.jpg"
       mediaAnimation="slide-up"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/soap-bar-herbal-body-scrub-dried-flower-smartphone-pink-background_23-2147971437.jpg",
-          alt: "Customer portrait 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smartphone-with-roses-nail-polish-table_23-2148055315.jpg",
-          alt: "Customer portrait 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cell-phone-with-eustoma-flowers-against-pink-background_23-2147923974.jpg",
-          alt: "Customer portrait 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smartphone-surrounded-with-scrub-glove-soap-perfume-bottle-towel-sponge-marble-backdrop_23-2147926923.jpg",
-          alt: "Customer portrait 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4873.jpg",
-          alt: "Customer portrait 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/soap-bar-herbal-body-scrub-dried-flower-smartphone-pink-background_23-2147971437.jpg", alt: "Customer 1" },
+        { src: "http://img.b2bpic.net/free-photo/smartphone-with-roses-nail-polish-table_23-2148055315.jpg", alt: "Customer 2" },
+        { src: "http://img.b2bpic.net/free-photo/cell-phone-with-eustoma-flowers-against-pink-background_23-2147923974.jpg", alt: "Customer 3" },
+        { src: "http://img.b2bpic.net/free-photo/smartphone-surrounded-with-scrub-glove-soap-perfume-bottle-towel-sponge-marble-backdrop_23-2147926923.jpg", alt: "Customer 4" },
+        { src: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4873.jpg", alt: "Customer 5" }
       ]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "24/7 Support",
-        },
-        {
-          type: "text",
-          text: "Quality Tested",
-        },
-        {
-          type: "text",
-          text: "Fast Shipping",
-        },
-        {
-          type: "text",
-          text: "Best Prices",
-        },
-        {
-          type: "text",
-          text: "Trusted Seller",
-        },
+        { type: "text", text: "24/7 Support" },
+        { type: "text", text: "Quality Tested" },
+        { type: "text", text: "Fast Shipping" },
+        { type: "text", text: "Best Prices" },
+        { type: "text", text: "Trusted Seller" }
       ]}
     />
   </div>
@@ -161,42 +78,12 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "iPhone X 64GB",
-          price: "R2,700",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-showing-her-smartphone_23-2149404213.jpg",
-        },
-        {
-          id: "p2",
-          name: "iPhone X 256GB",
-          price: "R3,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/concept-location-photo-shoot-photo-studio_185193-164056.jpg",
-        },
-        {
-          id: "p3",
-          name: "iPhone XS Max 64GB",
-          price: "R3,300",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722663.jpg",
-        },
-        {
-          id: "p4",
-          name: "iPhone XS Max 256GB",
-          price: "R3,500",
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photo-nature-with-smartphone_23-2148693660.jpg",
-        },
-        {
-          id: "p5",
-          name: "iPhone XR 64GB",
-          price: "R3,300",
-          imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4922.jpg",
-        },
-        {
-          id: "p6",
-          name: "iPhone XR 128GB",
-          price: "R3,500",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-gym-composition-with-sport-elements_23-2147913642.jpg",
-        },
+        { id: "p1", name: "iPhone X 64GB", price: "R2,700", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-showing-her-smartphone_23-2149404213.jpg" },
+        { id: "p2", name: "iPhone X 256GB", price: "R3,000", imageSrc: "http://img.b2bpic.net/free-photo/concept-location-photo-shoot-photo-studio_185193-164056.jpg" },
+        { id: "p3", name: "iPhone XS Max 64GB", price: "R3,300", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722663.jpg" },
+        { id: "p4", name: "iPhone XS Max 256GB", price: "R3,500", imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photo-nature-with-smartphone_23-2148693660.jpg" },
+        { id: "p5", name: "iPhone XR 64GB", price: "R3,300", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4922.jpg" },
+        { id: "p6", name: "iPhone XR 128GB", price: "R3,500", imageSrc: "http://img.b2bpic.net/free-photo/modern-gym-composition-with-sport-elements_23-2147913642.jpg" }
       ]}
       title="Our Pre-Owned iPhone Collection"
       description="Browse our curated selection of high-quality, pre-owned iPhones. Every device is inspected for quality."
@@ -210,42 +97,12 @@ export default function LandingPage() {
       gridVariant="bento-grid-inverted"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p7",
-          name: "iPhone XR 256GB",
-          price: "R3,800",
-          imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4813.jpg",
-        },
-        {
-          id: "p8",
-          name: "iPhone 12 64GB",
-          price: "R4,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/pov-man-trendy-fashionable-hipster-skinny-denim-jeans-making-photos-his-legs-feet-white-sneakers-smartphone-social-media_346278-1350.jpg",
-        },
-        {
-          id: "p9",
-          name: "iPhone 11 128GB",
-          price: "R4,700",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-taking-photos_23-2149294469.jpg",
-        },
-        {
-          id: "p10",
-          name: "iPhone 11 256GB",
-          price: "R3,600",
-          imageSrc: "http://img.b2bpic.net/free-photo/cactus_23-2148013401.jpg",
-        },
-        {
-          id: "p11",
-          name: "iPhone 11 Pro 128GB",
-          price: "R6,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-smartphone-composition_23-2149437089.jpg",
-        },
-        {
-          id: "p12",
-          name: "iPhone 11 Pro 256GB",
-          price: "R5,200",
-          imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-river-natural-park_1359-379.jpg",
-        },
+        { id: "p7", name: "iPhone XR 256GB", price: "R3,800", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4813.jpg" },
+        { id: "p8", name: "iPhone 12 64GB", price: "R4,000", imageSrc: "http://img.b2bpic.net/free-photo/pov-man-trendy-fashionable-hipster-skinny-denim-jeans-making-photos-his-legs-feet-white-sneakers-smartphone-social-media_346278-1350.jpg" },
+        { id: "p9", name: "iPhone 11 128GB", price: "R4,700", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-taking-photos_23-2149294469.jpg" },
+        { id: "p10", name: "iPhone 11 256GB", price: "R3,600", imageSrc: "http://img.b2bpic.net/free-photo/cactus_23-2148013401.jpg" },
+        { id: "p11", name: "iPhone 11 Pro 128GB", price: "R6,000", imageSrc: "http://img.b2bpic.net/free-photo/elegant-smartphone-composition_23-2149437089.jpg" },
+        { id: "p12", name: "iPhone 11 Pro 256GB", price: "R5,200", imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-river-natural-park_1359-379.jpg" }
       ]}
       title="iPhone 11 & 12 Series"
       description="Latest additions to our stock for tech enthusiasts."
@@ -259,27 +116,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "100+",
-          title: "Happy Customers",
-          description: "Across South Africa and beyond.",
-          icon: Users,
-        },
-        {
-          id: "m2",
-          value: "24/7",
-          title: "Service",
-          description: "We are open around the clock.",
-          icon: Clock,
-        },
-        {
-          id: "m3",
-          value: "Quality",
-          title: "Assurance",
-          description: "Every device is tested thoroughly.",
-          icon: ShieldCheck,
-        },
+        { id: "m1", value: "100+", title: "Happy Customers", description: "Across South Africa and beyond.", icon: Users },
+        { id: "m2", value: "24/7", title: "Service", description: "We are open around the clock.", icon: Clock },
+        { id: "m3", value: "Quality", title: "Assurance", description: "Every device is tested thoroughly.", icon: ShieldCheck }
       ]}
       title="Why Choose Tynnie’s?"
       description="We prioritize quality, trust, and fast delivery for our customers across Africa."
@@ -291,21 +130,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "How do I order?",
-          content: "Simply click the 'Order via WhatsApp' button on any product page, and you'll be redirected to chat with us directly.",
-        },
-        {
-          id: "f2",
-          title: "What is the delivery time?",
-          content: "Delivery to Africa varies by location but is typically handled quickly with trusted couriers.",
-        },
-        {
-          id: "f3",
-          title: "Are these phones new?",
-          content: "These are high-quality, pre-owned iPhones that are thoroughly tested for performance.",
-        },
+        { id: "f1", title: "How do I order?", content: "Simply click the 'Order via WhatsApp' button on any product page, and you'll be redirected to chat with us directly." },
+        { id: "f2", title: "What is the delivery time?", content: "Delivery to Africa varies by location but is typically handled quickly with trusted couriers." },
+        { id: "f3", title: "Are these phones new?", content: "These are high-quality, pre-owned iPhones that are thoroughly tested for performance." }
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/blank-phone-screen-with-back-phone_53876-143184.jpg"
       title="Frequently Asked Questions"
@@ -317,50 +144,17 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       text="Ready to get your iPhone? Send us a WhatsApp message to confirm availability and start your order."
-      buttons={[
-        {
-          text: "Send Order via WhatsApp",
-          href: "https://wa.me/yournumber?text=Hello,%20I%20would%20like%20to%20order",
-        },
-      ]}
+      buttons={[{ text: "Send Order via WhatsApp", href: "https://wa.me/yournumber?text=Hello,%20I%20would%20like%20to%20order" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
-          items: [
-            {
-              label: "Home",
-              href: "#",
-            },
-            {
-              label: "Shop",
-              href: "#products",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
+        { items: [{ label: "Home", href: "#" }, { label: "Shop", href: "#products" }, { label: "Contact", href: "#contact" }] },
+        { items: [{ label: "Terms of Service", href: "#" }, { label: "Privacy Policy", href: "#" }] }
       ]}
       logoText="Tynnie’s Mobile World"
     />