bender/66e851c6-eb8f-46a1-9524-119bd192e783
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-17 03:33:13 +00:00
parent d1580a1c54
commit 6bb4e3af13
1 changed files with 52 additions and 257 deletions
Download Patch File Download Diff File Expand all files Collapse all files

309
src/app/page.tsx
View File

@@ -20,27 +20,22 @@ export default function LandingPage() {
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Features",
id: "features",
},
{
name: "Products",
id: "products",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Features", id: "features" },
{ name: "Products", id: "products" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
brandName="ShopBase"
/>
@@ -48,67 +43,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Experience Premium Shopping"
description="Discover curated collections and exceptional quality in every item. Join our store today and elevate your daily lifestyle."
buttons={[
{
text: "Shop Now",
href: "#products",
},
{
text: "About Us",
href: "#about",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/purchasing-shop-buying-selling-teade_53876-134043.jpg?_wi=1"
buttons={[{ text: "Shop Now", href: "#products" }, { text: "About Us", href: "#about" }]}
imageSrc="http://img.b2bpic.net/free-photo/purchasing-shop-buying-selling-teade_53876-134043.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-man-looking-surprised-shopping-bags-buying-souvenirs-vacation-standing-yellow-backg_1258-161116.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/cheerful-redhead-man-buying-gifts-holding-shopping-bags-smiling-standing-pink-background_1258-155223.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-man-thinking-wearing-face-mask-holding-shopping-bags-imaging-so_1258-153741.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/retail-commerce-promotion-consumer-buying-selling_53876-132759.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/executives-having-coffee-break_1098-829.jpg",
alt: "Customer 5",
},
{ src: "http://img.b2bpic.net/free-photo/happy-man-looking-surprised-shopping-bags-buying-souvenirs-vacation-standing-yellow-backg_1258-161116.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/cheerful-redhead-man-buying-gifts-holding-shopping-bags-smiling-standing-pink-background_1258-155223.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-man-thinking-wearing-face-mask-holding-shopping-bags-imaging-so_1258-153741.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/retail-commerce-promotion-consumer-buying-selling_53876-132759.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/executives-having-coffee-break_1098-829.jpg", alt: "Customer 5" }
]}
avatarText="Join 10,000+ happy shoppers"
marqueeItems={[
{
type: "text",
text: "Premium Quality",
},
{
type: "text",
text: "Secure Checkout",
},
{
type: "text",
text: "Fast Shipping",
},
{
type: "text",
text: "24/7 Support",
},
{
type: "text",
text: "Sustainable",
},
{ type: "text", text: "Premium Quality" },
{ type: "text", text: "Secure Checkout" },
{ type: "text", text: "Fast Shipping" },
{ type: "text", text: "24/7 Support" },
{ type: "text", text: "Sustainable" }
]}
/>
</div>
@@ -120,29 +74,14 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Secure Payments",
description: "Shop with total peace of mind.",
bentoComponent: "reveal-icon",
icon: Shield,
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17246.jpg",
imageAlt: "Minimalist tech setup with smartwatch",
title: "Secure Payments", description: "Shop with total peace of mind.", bentoComponent: "reveal-icon", icon: Shield
},
{
title: "Global Shipping",
description: "Get it fast, wherever you are.",
bentoComponent: "reveal-icon",
icon: Globe,
imageSrc: "http://img.b2bpic.net/free-photo/purchasing-shop-buying-selling-teade_53876-134043.jpg?_wi=2",
imageAlt: "Minimalist tech setup with smartwatch",
title: "Global Shipping", description: "Get it fast, wherever you are.", bentoComponent: "reveal-icon", icon: Globe
},
{
title: "24/7 Support",
description: "Always here to assist you.",
bentoComponent: "reveal-icon",
icon: MessageCircle,
imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17204.jpg?_wi=1",
imageAlt: "Minimalist tech setup with smartwatch",
},
title: "24/7 Support", description: "Always here to assist you.", bentoComponent: "reveal-icon", icon: MessageCircle
}
]}
title="Why Choose Us?"
description="Unmatched quality, fast delivery, and customer-first support."
@@ -156,42 +95,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Sleek Gadget",
price: "$120.00",
imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17204.jpg?_wi=2",
},
{
id: "p2",
name: "Modern Accessory",
price: "$45.00",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-plant-cardboard-circle_23-2148835352.jpg",
},
{
id: "p3",
name: "Designer Bag",
price: "$299.00",
imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetic-tiles-with-women-s-bag_23-2150916679.jpg",
},
{
id: "p4",
name: "Stylish Eyewear",
price: "$85.00",
imageSrc: "http://img.b2bpic.net/free-photo/woman-selecting-necklace-jewelry-section_107420-96187.jpg",
},
{
id: "p5",
name: "Tech Watch",
price: "$199.00",
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17228.jpg",
},
{
id: "p6",
name: "Audio Headphones",
price: "$150.00",
imageSrc: "http://img.b2bpic.net/free-photo/wireless-headphones_93675-128034.jpg",
},
{ id: "p1", name: "Sleek Gadget", price: "$120.00", imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17204.jpg" },
{ id: "p2", name: "Modern Accessory", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-plant-cardboard-circle_23-2148835352.jpg" },
{ id: "p3", name: "Designer Bag", price: "$299.00", imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetic-tiles-with-women-s-bag_23-2150916679.jpg" },
{ id: "p4", name: "Stylish Eyewear", price: "$85.00", imageSrc: "http://img.b2bpic.net/free-photo/woman-selecting-necklace-jewelry-section_107420-96187.jpg" },
{ id: "p5", name: "Tech Watch", price: "$199.00", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17228.jpg" },
{ id: "p6", name: "Audio Headphones", price: "$150.00", imageSrc: "http://img.b2bpic.net/free-photo/wireless-headphones_93675-128034.jpg" }
]}
title="Featured Collection"
description="Explore our top-rated products that define excellence."
@@ -204,27 +113,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "10k+",
title: "Happy Customers",
description: "Across the globe.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072178.jpg",
},
{
id: "m2",
value: "500+",
title: "Products",
description: "New arrivals monthly.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colorful-girly-items_23-2148229257.jpg",
},
{
id: "m3",
value: "98%",
title: "Satisfaction",
description: "Rated by our fans.",
imageSrc: "http://img.b2bpic.net/free-photo/podiums-colors-aesthetic_23-2151927526.jpg",
},
{ id: "m1", value: "10k+", title: "Happy Customers", description: "Across the globe.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072178.jpg" },
{ id: "m2", value: "500+", title: "Products", description: "New arrivals monthly.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colorful-girly-items_23-2148229257.jpg" },
{ id: "m3", value: "98%", title: "Satisfaction", description: "Rated by our fans.", imageSrc: "http://img.b2bpic.net/free-photo/podiums-colors-aesthetic_23-2151927526.jpg" }
]}
title="By The Numbers"
description="Our community continues to grow every day."
@@ -237,46 +128,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
handle: "@sarahj",
testimonial: "The quality is simply unmatched! Fast shipping too.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-young-interracial-team-members-embracing_1262-20216.jpg",
},
{
id: "2",
name: "Michael Chen",
handle: "@mchen",
testimonial: "Customer support is so helpful and responsive.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3776.jpg",
},
{
id: "3",
name: "Emily Rodriguez",
handle: "@erod",
testimonial: "Love the curated collection! Everything is high end.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/corporate-business-people_23-2148827022.jpg",
},
{
id: "4",
name: "David Kim",
handle: "@dkim",
testimonial: "The website is so easy to navigate. Great UX.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
},
{
id: "5",
name: "Chloe West",
handle: "@cwest",
testimonial: "My go-to store for everything lifestyle related.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-summer-clothes_158538-10246.jpg",
},
{ id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "The quality is simply unmatched! Fast shipping too.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-young-interracial-team-members-embracing_1262-20216.jpg" },
{ id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Customer support is so helpful and responsive.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3776.jpg" },
{ id: "3", name: "Emily Rodriguez", handle: "@erod", testimonial: "Love the curated collection! Everything is high end.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/corporate-business-people_23-2148827022.jpg" },
{ id: "4", name: "David Kim", handle: "@dkim", testimonial: "The website is so easy to navigate. Great UX.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg" },
{ id: "5", name: "Chloe West", handle: "@cwest", testimonial: "My go-to store for everything lifestyle related.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-summer-clothes_158538-10246.jpg" }
]}
showRating={true}
title="Loved By Many"
@@ -289,21 +145,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "What is your return policy?",
content: "We accept returns within 30 days of purchase.",
},
{
id: "f2",
title: "Do you ship internationally?",
content: "Yes, we ship to over 100 countries worldwide.",
},
{
id: "f3",
title: "How can I track my order?",
content: "You will receive a tracking link via email once shipped.",
},
{ id: "f1", title: "What is your return policy?", content: "We accept returns within 30 days of purchase." },
{ id: "f2", title: "Do you ship internationally?", content: "Yes, we ship to over 100 countries worldwide." },
{ id: "f3", title: "How can I track my order?", content: "You will receive a tracking link via email once shipped." }
]}
title="Common Questions"
description="Everything you need to know about shopping with us."
@@ -319,36 +163,9 @@ export default function LandingPage() {
title="Latest Insights"
description="Stay up to date with the latest lifestyle trends."
blogs={[
{
id: "b1",
category: "Lifestyle",
title: "Minimalism 101",
excerpt: "How to simplify your life with better essentials.",
imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736818.jpg",
authorName: "Jane Doe",
authorAvatar: "http://img.b2bpic.net/free-photo/faces-close-up-smiling-executives_1098-1829.jpg",
date: "Oct 12, 2023",
},
{
id: "b2",
category: "Gadgets",
title: "Tech Trends 2024",
excerpt: "What to expect in the tech world next year.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646447.jpg",
authorName: "John Smith",
authorAvatar: "http://img.b2bpic.net/free-photo/glad-young-man-with-african-hairstyle-posing-with-arms-crossed-his-office-with-other-employees-male-manager-blue-shirt-smiling-conference-workplace_197531-3748.jpg",
date: "Nov 05, 2023",
},
{
id: "b3",
category: "Fashion",
title: "Sustainable Style",
excerpt: "Why ethical fashion is the future.",
imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230644.jpg",
authorName: "Alex Lee",
authorAvatar: "http://img.b2bpic.net/free-photo/young-hispanic-woman-smiling-confident-drawing-notebook-art-studio_839833-12141.jpg",
date: "Dec 01, 2023",
},
{ id: "b1", category: "Lifestyle", title: "Minimalism 101", excerpt: "How to simplify your life with better essentials.", imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736818.jpg", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-photo/faces-close-up-smiling-executives_1098-1829.jpg", date: "Oct 12, 2023" },
{ id: "b2", category: "Gadgets", title: "Tech Trends 2024", excerpt: "What to expect in the tech world next year.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646447.jpg", authorName: "John Smith", authorAvatar: "http://img.b2bpic.net/free-photo/glad-young-man-with-african-hairstyle-posing-with-arms-crossed-his-office-with-other-employees-male-manager-blue-shirt-smiling-conference-workplace_197531-3748.jpg", date: "Nov 05, 2023" },
{ id: "b3", category: "Fashion", title: "Sustainable Style", excerpt: "Why ethical fashion is the future.", imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230644.jpg", authorName: "Alex Lee", authorAvatar: "http://img.b2bpic.net/free-photo/young-hispanic-woman-smiling-confident-drawing-notebook-art-studio_839833-12141.jpg", date: "Dec 01, 2023" }
]}
/>
</div>
@@ -356,9 +173,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Stay Updated"
title="Join Our Newsletter"
description="Get exclusive deals and the latest product news straight to your inbox."
@@ -371,31 +186,11 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Careers",
href: "#",
},
],
title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }]
},
{
title: "Support",
items: [
{
label: "Help Center",
href: "#",
},
{
label: "Contact",
href: "#",
},
],
},
title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Contact", href: "#" }]
}
]}
bottomLeftText="© 2024 ShopBase. All rights reserved."
bottomRightText="Privacy Policy"