Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
292
src/app/page.tsx
292
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"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user