bender/4b632f21-4c66-4cb6-bab8-2e074948293f
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-05-31 02:53:59 +00:00
parent 57ae4bbe1b
commit 614a32354b
1 changed files with 37 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

177
src/app/page.tsx
View File

@@ -29,18 +29,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Shop", name: "Shop", id: "/"},
id: "/",
},
{ {
name: "Checkout", name: "Checkout", id: "/checkout"},
id: "/checkout",
},
]} ]}
brandName="Dune Dragon" brandName="Dune Dragon"
button={{ button={{
text: "Cart", text: "Cart"}}
}}
animateOnLoad={false} animateOnLoad={false}
/> />
</div> </div>
@@ -48,55 +43,36 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDoubleCarousel <HeroSplitDoubleCarousel
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="Elevate Your Apple Experience" title="Elevate Your Apple Experience"
description="Discover a world of premium accessories designed to seamlessly integrate with your Apple devices, enhancing protection, performance, and style." description="Discover a world of premium accessories designed to seamlessly integrate with your Apple devices, enhancing protection, performance, and style."
leftCarouselItems={[ leftCarouselItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-making-video-calls-with-laptop_23-2150711942.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-making-video-calls-with-laptop_23-2150711942.jpg", imageAlt: "Side view woman making video calls with laptop"},
imageAlt: "Side view woman making video calls with laptop",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-earphones_23-2149486926.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-earphones_23-2149486926.jpg", imageAlt: "Side view woman wearing earphones"},
imageAlt: "Side view woman wearing earphones",
},
]} ]}
rightCarouselItems={[ rightCarouselItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17254.jpg", imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17254.jpg", imageAlt: "Minimal Tech Setup with Earbuds"},
imageAlt: "Minimal Tech Setup with Earbuds",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-watch-earphones_23-2148847743.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-watch-earphones_23-2148847743.jpg", imageAlt: "High angle arrangement with watch and earphones"},
imageAlt: "High angle arrangement with watch and earphones",
},
]} ]}
tag="Unleash Potential" tag="Unleash Potential"
tagIcon={Sparkles} tagIcon={Sparkles}
buttons={[ buttons={[
{ {
text: "Shop Collections", text: "Shop Collections", href: "#products"},
href: "#products",
},
{ {
text: "Learn More", text: "Learn More", href: "#about"},
href: "#about",
},
]} ]}
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/ambitious-smiling-corporate-woman-suit-showing-thumbs-up-recommending-something-good-standing-white-background_176420-50395.jpg", src: "http://img.b2bpic.net/free-photo/ambitious-smiling-corporate-woman-suit-showing-thumbs-up-recommending-something-good-standing-white-background_176420-50395.jpg", alt: "Sarah J."},
alt: "Sarah J.",
},
{ {
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-man-man-laughs-sly-smile_1321-3788.jpg", src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-man-man-laughs-sly-smile_1321-3788.jpg", alt: "Michael C."},
alt: "Michael C.",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-joyful-girl-pink-pantsuit-sitting-chair-happily-talking-her-phone-while-looking-camera-with-clothes-racks-background-fashion-boutique_574295-3546.jpg", src: "http://img.b2bpic.net/free-photo/portrait-joyful-girl-pink-pantsuit-sitting-chair-happily-talking-her-phone-while-looking-camera-with-clothes-racks-background-fashion-boutique_574295-3546.jpg", alt: "Emily R."},
alt: "Emily R.",
},
]} ]}
avatarText="Join 100K+ Happy Customers" avatarText="Join 100K+ Happy Customers"
/> />
@@ -112,45 +88,15 @@ export default function LandingPage() {
tag="Our Impact" tag="Our Impact"
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "99%", title: "Customer Satisfaction", description: "Our users consistently rate us highly for product quality and service.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722602.jpg", imageAlt: "Still life of tech device"},
value: "99%",
title: "Customer Satisfaction",
description: "Our users consistently rate us highly for product quality and service.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722602.jpg",
imageAlt: "Still life of tech device",
},
{ {
id: "m2", id: "m2", value: "24/7", title: "Dedicated Support", description: "Always here to help you with any questions or issues.", imageSrc: "http://img.b2bpic.net/free-photo/headphones-near-vinyl-disc-with-fingerprint_23-2147781811.jpg", imageAlt: "Headphones near vinyl disc with fingerprint"},
value: "24/7",
title: "Dedicated Support",
description: "Always here to help you with any questions or issues.",
imageSrc: "http://img.b2bpic.net/free-photo/headphones-near-vinyl-disc-with-fingerprint_23-2147781811.jpg",
imageAlt: "Headphones near vinyl disc with fingerprint",
},
{ {
id: "m3", id: "m3", value: "500+", title: "Products Curated", description: "A vast and growing selection of premium Apple accessories.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722621.jpg", imageAlt: "Still life of tech device"},
value: "500+",
title: "Products Curated",
description: "A vast and growing selection of premium Apple accessories.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722621.jpg",
imageAlt: "Still life of tech device",
},
{ {
id: "m4", id: "m4", value: "1M+", title: "Devices Protected", description: "Ensuring the longevity and safety of your Apple gear.", imageSrc: "http://img.b2bpic.net/free-photo/square-music-speaker-control-knobs-closeup-details_169016-51505.jpg", imageAlt: "Square music speaker control knobs closeup details"},
value: "1M+",
title: "Devices Protected",
description: "Ensuring the longevity and safety of your Apple gear.",
imageSrc: "http://img.b2bpic.net/free-photo/square-music-speaker-control-knobs-closeup-details_169016-51505.jpg",
imageAlt: "Square music speaker control knobs closeup details",
},
{ {
id: "m5", id: "m5", value: "Top Rated", title: "Industry Recognition", description: "Consistently praised by tech enthusiasts and review sites.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-exercising-outdoor-woman-sports-clothing-resting-steps_329181-11132.jpg", imageAlt: "Young woman exercising outdoor."},
value: "Top Rated",
title: "Industry Recognition",
description: "Consistently praised by tech enthusiasts and review sites.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-exercising-outdoor-woman-sports-clothing-resting-steps_329181-11132.jpg",
imageAlt: "Young woman exercising outdoor.",
},
]} ]}
/> />
</div> </div>
@@ -165,62 +111,30 @@ export default function LandingPage() {
tag="Our Services" tag="Our Services"
plans={[ plans={[
{ {
id: "plan-basic", id: "plan-basic", badge: "Basic", price: "$5/month", subtitle: "Essential Protection", buttons: [
badge: "Basic",
price: "$5/month",
subtitle: "Essential Protection",
buttons: [
{ {
text: "Get Started", text: "Get Started", href: "#"},
href: "#",
},
], ],
features: [ features: [
"Standard Warranty Extension", "Standard Warranty Extension", "Accessory Discount (5%)", "Email Support"],
"Accessory Discount (5%)",
"Email Support",
],
}, },
{ {
id: "plan-pro", id: "plan-pro", badge: "Pro", badgeIcon={Star},
badge: "Pro", price: "$15/month", subtitle: "Advanced Coverage", buttons: [
badgeIcon: Star,
price: "$15/month",
subtitle: "Advanced Coverage",
buttons: [
{ {
text: "Choose Pro", text: "Choose Pro", href: "#"},
href: "#",
},
], ],
features: [ features: [
"Extended Warranty (2 years)", "Extended Warranty (2 years)", "Accessory Discount (15%)", "Priority Email & Chat Support", "Accidental Damage Protection", "Early Access to New Products"],
"Accessory Discount (15%)",
"Priority Email & Chat Support",
"Accidental Damage Protection",
"Early Access to New Products",
],
}, },
{ {
id: "plan-premium", id: "plan-premium", badge: "Premium", badgeIcon={Crown},
badge: "Premium", price: "$25/month", subtitle: "Ultimate Experience", buttons: [
badgeIcon: Crown,
price: "$25/month",
subtitle: "Ultimate Experience",
buttons: [
{ {
text: "Go Premium", text: "Go Premium", href: "#"},
href: "#",
},
], ],
features: [ features: [
"Lifetime Warranty", "Lifetime Warranty", "Accessory Discount (25%)", "24/7 Phone & VIP Support", "Enhanced Accidental Damage", "Exclusive Product Previews", "Free Expedited Shipping"],
"Accessory Discount (25%)",
"24/7 Phone & VIP Support",
"Enhanced Accidental Damage",
"Exclusive Product Previews",
"Free Expedited Shipping",
],
}, },
]} ]}
/> />
@@ -229,40 +143,24 @@ export default function LandingPage() {
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqSplitText <FaqSplitText
useInvertedBackground={false} useInvertedBackground={false}
faqsAnimation="slide-up"
faqs={[ faqs={[
{ {
id: "faq4", id: "faq4", title: "How do I track my order?", content: "Once your order ships, you will receive an email with a tracking number and a link to monitor its progress."},
title: "How do I track my order?",
content: "Once your order ships, you will receive an email with a tracking number and a link to monitor its progress.",
},
{ {
id: "faq5", id: "faq5", title: "Can I modify my order after it's placed?", content: "To modify an order, please contact customer support immediately. Modifications may not be possible if the order has already been processed for shipping."},
title: "Can I modify my order after it's placed?",
content: "To modify an order, please contact customer support immediately. Modifications may not be possible if the order has already been processed for shipping.",
},
{ {
id: "faq6", id: "faq6", title: "Are your accessories genuine Apple products?", content: "Dune Dragon sells both official Apple accessories and high-quality third-party products that meet Apple's compatibility standards. Each product description specifies its brand."},
title: "Are your accessories genuine Apple products?",
content: "Dune Dragon sells both official Apple accessories and high-quality third-party products that meet Apple's compatibility standards. Each product description specifies its brand.",
},
{ {
id: "faq7", id: "faq7", title: "Do you offer international shipping?", content: "Yes, we offer worldwide shipping. Please note that international orders may be subject to customs duties and taxes."},
title: "Do you offer international shipping?",
content: "Yes, we offer worldwide shipping. Please note that international orders may be subject to customs duties and taxes.",
},
{ {
id: "faq8", id: "faq8", title: "What if my product arrives damaged?", content: "In the rare event of a damaged product, please contact our support team within 48 hours of delivery for a replacement or refund."},
title: "What if my product arrives damaged?",
content: "In the rare event of a damaged product, please contact our support team within 48 hours of delivery for a replacement or refund.",
},
]} ]}
sideTitle="Your Questions, Answered" sideTitle="Your Questions, Answered"
sideDescription="Find quick solutions and detailed information regarding your purchases, shipping, and products." sideDescription="Find quick solutions and detailed information regarding your purchases, shipping, and products."
buttons={[ buttons={[
{ {
text: "Contact Support", text: "Contact Support", href: "/checkout"},
href: "/checkout",
},
]} ]}
/> />
</div> </div>
@@ -271,8 +169,7 @@ export default function LandingPage() {
<ContactSplit <ContactSplit
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Get in Touch" tag="Get in Touch"
title="Have Questions?" title="Have Questions?"
description="Our friendly support team is here to assist you with any inquiries about our products or your order." description="Our friendly support team is here to assist you with any inquiries about our products or your order."