bender/bd6b37c1-e224-40fa-bd93-3d7e0f568b21
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-27 18:57:04 +00:00
parent e27da81a44
commit 02da3f1020
1 changed files with 59 additions and 213 deletions
Download Patch File Download Diff File Expand all files Collapse all files

272
src/app/page.tsx
View File

@@ -33,75 +33,42 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="CapitalCrunchy"
button={{
text: "Start Shopping Now",
href: "#products",
}}
text: "Start Shopping Now", href: "#products"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "plain",
}}
variant: "plain"}}
title="Explore Premium Designs, Ship Everywhere"
description="Discover trending fashion and lifestyle products curated from Instagram's hottest creators. Checkout in seconds with instant address mapping and transparent logistics—no friction, just style."
tag="CapitalCrunchy"
buttons={[
{
text: "Start Shopping Now",
href: "#products",
},
text: "Start Shopping Now", href: "#products"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-going-from-shopping_114579-19327.jpg",
imageAlt: "fashion model posing with stylish clothes outdoor city",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-going-from-shopping_114579-19327.jpg", imageAlt: "fashion model posing with stylish clothes outdoor city"},
{
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-concept-with-travel-note-film-photography-accessories-with-casual-outfits-flat-lay-style-copy-space-wooden-background_640221-255.jpg",
imageAlt: "ecommerce product display flat lay accessories",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-telephone-while-holding-gift-bag-cup-high-quality-photo_114579-23179.jpg",
imageAlt: "Young woman using telephone while holding gift bag and cup",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-shirt-holding-coffee_23-2148316542.jpg",
imageAlt: "Blond man in shirt holding a coffee",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-creats-review-about-black-friday-sales-website-uses-cellular-phone-poses-with-paper-shopping-bags-outdoors-bought-fashionable-clothes-mall-concentrated-screen_273609-55180.jpg",
imageAlt: "woman creats review about Black Friday sales on website",
},
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-concept-with-travel-note-film-photography-accessories-with-casual-outfits-flat-lay-style-copy-space-wooden-background_640221-255.jpg", imageAlt: "ecommerce product display flat lay accessories"}
]}
mediaAnimation="background-highlight"
mediaAnimation="blur-reveal"
rating={5}
ratingText="Trusted by fashion enthusiasts"
/>
@@ -111,27 +78,20 @@ export default function LandingPage() {
<FeatureHoverPattern
textboxLayout="default"
useInvertedBackground={false}
animationType="blur-reveal"
features={[
{
icon: Flame,
title: "Instant Checkout",
description: "Complete your purchase in seconds with our streamlined, secure checkout process. No delays, just speedy style.",
},
title: "Instant Checkout", description: "Complete your purchase in seconds with our streamlined, secure checkout process. No delays, just speedy style."},
{
icon: Globe,
title: "Global Logistics",
description: "Reliable international shipping and real-time tracking, bringing your favorite designs to your doorstep, anywhere.",
},
title: "Global Logistics", description: "Reliable international shipping and real-time tracking, bringing your favorite designs to your doorstep, anywhere."},
{
icon: Share2,
title: "Influencer Friendly",
description: "Seamless integration for affiliate partners and content creators to monetize curated product collections.",
},
title: "Influencer Friendly", description: "Seamless integration for affiliate partners and content creators to monetize curated product collections."},
{
icon: FileText,
title: "QRIS & PayPal Ready",
description: "Flexible payment options including PayPal and QRIS for international buyers and local convenience.",
},
title: "QRIS & PayPal Ready", description: "Flexible payment options including PayPal and QRIS for international buyers and local convenience."},
]}
title="Zero-Friction Shopping Experience"
description="Designed for the impulse buyer. Fast checkout, transparent shipping, and seamless returns await you."
@@ -143,49 +103,20 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
animationType="blur-reveal"
products={[
{
id: "p1",
name: "Graphic Streetwear Tee",
price: "$29.99",
imageSrc: "http://img.b2bpic.net/free-photo/full-length-shot-happy-woman-decorator-paints-walls-updates-room-interior-dressed-casual-clothes-stands-smeared-with-paint-uses-different-tools-apartment-repair-maintenance-concept_273609-45155.jpg",
imageAlt: "Graphic streetwear t-shirt",
},
id: "p1", name: "Graphic Streetwear Tee", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/full-length-shot-happy-woman-decorator-paints-walls-updates-room-interior-dressed-casual-clothes-stands-smeared-with-paint-uses-different-tools-apartment-repair-maintenance-concept_273609-45155.jpg", imageAlt: "Graphic streetwear t-shirt"},
{
id: "p2",
name: "Minimalist Hoodie",
price: "$49.99",
imageSrc: "http://img.b2bpic.net/free-photo/young-asian-woman-posing-autumn-clothes_23-2149071347.jpg",
imageAlt: "Minimalist hoodie sweatshirt",
},
id: "p2", name: "Minimalist Hoodie", price: "$49.99", imageSrc: "http://img.b2bpic.net/free-photo/young-asian-woman-posing-autumn-clothes_23-2149071347.jpg", imageAlt: "Minimalist hoodie sweatshirt"},
{
id: "p3",
name: "Classic Denim Jacket",
price: "$79.99",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-jacket-walking-outside_1303-25098.jpg",
imageAlt: "Classic denim jacket",
},
id: "p3", name: "Classic Denim Jacket", price: "$79.99", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-jacket-walking-outside_1303-25098.jpg", imageAlt: "Classic denim jacket"},
{
id: "p4",
name: "High-Waist Ripped Jeans",
price: "$59.99",
imageAlt: "High-waist ripped jeans",
imageSrc: "http://img.b2bpic.net/free-photo/young-black-woman-with-afro-hair-laughing-enjoying_150588-155.jpg",
},
id: "p4", name: "High-Waist Ripped Jeans", price: "$59.99", imageAlt: "High-waist ripped jeans", imageSrc: "http://img.b2bpic.net/free-photo/young-black-woman-with-afro-hair-laughing-enjoying_150588-155.jpg"},
{
id: "p5",
name: "Chic Leather Tote Bag",
price: "$89.99",
imageAlt: "Chic leather tote bag",
imageSrc: "http://img.b2bpic.net/free-photo/sexy-elegant-woman-natural-beauty-fashion-style-clothes-casual-formal-suit-white-cotton-blouse-silk-pants-romantic-date-blouse-pants-party-style-glamour-model-trend-accessory-bag-dark-hair-makeup_132075-12101.jpg",
},
id: "p5", name: "Chic Leather Tote Bag", price: "$89.99", imageAlt: "Chic leather tote bag", imageSrc: "http://img.b2bpic.net/free-photo/sexy-elegant-woman-natural-beauty-fashion-style-clothes-casual-formal-suit-white-cotton-blouse-silk-pants-romantic-date-blouse-pants-party-style-glamour-model-trend-accessory-bag-dark-hair-makeup_132075-12101.jpg"},
{
id: "p6",
name: "Modern White Sneakers",
price: "$69.99",
imageAlt: "Modern white sneakers",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-sitting-skateboard_23-2148950654.jpg",
},
id: "p6", name: "Modern White Sneakers", price: "$69.99", imageAlt: "Modern white sneakers", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-sitting-skateboard_23-2148950654.jpg"},
]}
title="Trending Designs, Curated For You"
description="Discover the latest fashion and lifestyle products from Instagram's hottest creators and global trends."
@@ -197,14 +128,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Vogue Collective",
"StyleSphere",
"TrendFlow",
"GlobalPay",
"SwiftShip",
"CreatorHub",
"FashionForward",
]}
"Vogue Collective", "StyleSphere", "TrendFlow", "GlobalPay", "SwiftShip", "CreatorHub", "FashionForward"]}
title="Trusted by Industry Leaders"
description="Partnering with top brands, influencers, and logistics providers to deliver an unmatched shopping experience."
/>
@@ -214,61 +138,31 @@ export default function LandingPage() {
<TestimonialCardSixteen
textboxLayout="default"
useInvertedBackground={false}
animationType="blur-reveal"
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "Fashion Blogger",
company: "StyleSphere Blog",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-happy-pretty-woman-with-excited-face-expression-sitting-cafe-with-shopping-bags-drinking-coffee_285396-9623.jpg",
},
id: "1", name: "Sarah Johnson", role: "Fashion Blogger", company: "StyleSphere Blog", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-happy-pretty-woman-with-excited-face-expression-sitting-cafe-with-shopping-bags-drinking-coffee_285396-9623.jpg"},
{
id: "2",
name: "Michael Chen",
role: "Digital Nomad",
company: "Global Traveler",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-adult-male-with-shopping-bags_23-2148316211.jpg",
},
id: "2", name: "Michael Chen", role: "Digital Nomad", company: "Global Traveler", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-adult-male-with-shopping-bags_23-2148316211.jpg"},
{
id: "3",
name: "Emily Rodriguez",
role: "Influencer",
company: "TrendFlow Creators",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-european-girl-taking-picture-herself-with-peace-sign-her-room_197531-7162.jpg",
},
id: "3", name: "Emily Rodriguez", role: "Influencer", company: "TrendFlow Creators", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-european-girl-taking-picture-herself-with-peace-sign-her-room_197531-7162.jpg"},
{
id: "4",
name: "David Kim",
role: "University Student",
company: "Campus Style",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/great-variety-shopping-mall_329181-7992.jpg",
},
id: "4", name: "David Kim", role: "University Student", company: "Campus Style", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/great-variety-shopping-mall_329181-7992.jpg"},
{
id: "5",
name: "Olivia White",
role: "Online Entrepreneur",
company: "Ecom Innovations",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/friends-posing-outdoor-field_23-2149334455.jpg",
},
id: "5", name: "Olivia White", role: "Online Entrepreneur", company: "Ecom Innovations", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/friends-posing-outdoor-field_23-2149334455.jpg"},
]}
kpiItems={[
{
value: "99%",
label: "Customer Satisfaction",
},
value: "99%", label: "Customer Satisfaction"},
{
value: "120+",
label: "Countries Shipped To",
},
value: "120+", label: "Countries Shipped To"},
{
value: "10K+",
label: "Happy Shoppers",
},
value: "10K+", label: "Happy Shoppers"},
]}
title="What Our Shoppers Say"
description="Hear directly from our happy customers about their seamless shopping experience and amazing finds."
@@ -283,25 +177,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "4.9/5",
title: "Average Rating",
description: "Consistently high ratings from satisfied customers worldwide.",
icon: Star,
id: "m1", value: "4.9/5", title: "Average Rating", description: "Consistently high ratings from satisfied customers worldwide.", icon: Star,
},
{
id: "m2",
value: "120+",
title: "Countries Served",
description: "Expanding our reach to deliver trending fashion across the globe.",
icon: Globe,
id: "m2", value: "120+", title: "Countries Served", description: "Expanding our reach to deliver trending fashion across the globe.", icon: Globe,
},
{
id: "m3",
value: "1M+",
title: "Products Sold",
description: "Millions of items shipped, bringing style and joy to our community.",
icon: Package,
id: "m3", value: "1M+", title: "Products Sold", description: "Millions of items shipped, bringing style and joy to our community.", icon: Package,
},
]}
title="Our Impact, Your Trust"
@@ -315,20 +197,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "How fast is shipping?",
content: "Our instant logistics integration ensures fast and transparent shipping worldwide. Delivery times vary by location, but tracking is always real-time.",
},
id: "faq1", title: "How fast is shipping?", content: "Our instant logistics integration ensures fast and transparent shipping worldwide. Delivery times vary by location, but tracking is always real-time."},
{
id: "faq2",
title: "What payment methods are accepted?",
content: "We support zero-friction checkout with major credit cards, PayPal, and QRIS for international and local buyers.",
},
id: "faq2", title: "What payment methods are accepted?", content: "We support zero-friction checkout with major credit cards, PayPal, and QRIS for international and local buyers."},
{
id: "faq3",
title: "Can I track my order?",
content: "Yes, all orders come with real-time tracking from dispatch to delivery, ensuring you're always informed.",
},
id: "faq3", title: "Can I track my order?", content: "Yes, all orders come with real-time tracking from dispatch to delivery, ensuring you're always informed."},
]}
imageSrc="http://img.b2bpic.net/free-photo/customer-support-workers-doing-upselling-recommending-products_482257-126163.jpg"
imageAlt="Customer support agent"
@@ -347,22 +220,14 @@ export default function LandingPage() {
description="Our dedicated support team is here to help with any questions, concerns, or partnership inquiries."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 4,
name: "message", placeholder: "Your Message", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/confident-asian-helpline-customer-support-operator-wearing-headset-voicecall-with-client-talking-about-project-financial-risks-call-centre-telemarketer-wearing-headset-call-with-potential-buyer_482257-40174.jpg"
@@ -377,50 +242,31 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{
label: "Trending",
href: "#products",
},
label: "Trending", href: "#products"},
{
label: "New Arrivals",
href: "#products",
},
label: "New Arrivals", href: "#products"},
{
label: "Best Sellers",
href: "#products",
},
label: "Best Sellers", href: "#products"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#features",
},
label: "About Us", href: "#features"},
{
label: "Partners",
href: "#social-proof",
},
label: "Partners", href: "#social-proof"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Shipping",
href: "#",
},
label: "Shipping", href: "#"},
],
},
]}