bender/46d5f753-e5fd-4233-9865-8a3130bdbfcb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-20 14:08:22 +00:00
parent a2950d0fa3
commit 60a4aa4710
1 changed files with 43 additions and 249 deletions
Download Patch File Download Diff File Expand all files Collapse all files

292
src/app/page.tsx
View File

@@ -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"
/>