bender/19f939fe-eba7-4712-b339-437c95d9bf56
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-06-02 21:51:51 +00:00
parent 73945319c7
commit b08edddbf9
1 changed files with 72 additions and 260 deletions
Download Patch File Download Diff File Expand all files Collapse all files

332
src/app/page.tsx
View File

@@ -34,30 +34,18 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Shop Now",
href: "#products",
}}
text: "Shop Now", href: "#products"}}
logoSrc="http://img.b2bpic.net/free-photo/young-woman-casual-outfit-posing-white-studio-background_89887-1469.jpg"
logoAlt="Style Savvy Logo"
brandName="Style Savvy"
@@ -67,46 +55,29 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "plain",
}}
variant: "plain"}}
title="Your Style, Delivered Instantly"
description="Discover the latest trends and essentials for every aspect of your life. Shop with confidence and experience unparalleled convenience."
tag="New Arrivals"
buttons={[
{
text: "Shop New Collection",
href: "#products",
},
text: "Shop New Collection", href: "#products"},
{
text: "Learn More",
href: "#about",
},
text: "Learn More", href: "#about"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/set-clothes-accessories-white-background-top-view-flat-lay_501050-499.jpg",
imageAlt: "Diverse models showcasing new fashion collection",
},
imageSrc: "http://img.b2bpic.net/free-photo/set-clothes-accessories-white-background-top-view-flat-lay_501050-499.jpg", imageAlt: "Diverse models showcasing new fashion collection"},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-shopping-bags_23-2148577140.jpg",
imageAlt: "Woman smiling while online shopping on a tablet",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-shopping-bags_23-2148577140.jpg", imageAlt: "Woman smiling while online shopping on a tablet"},
{
imageSrc: "http://img.b2bpic.net/free-photo/cute-couple-spending-time-together-home_23-2148940948.jpg",
imageAlt: "Couple enjoying online shopping at home",
},
imageSrc: "http://img.b2bpic.net/free-photo/cute-couple-spending-time-together-home_23-2148940948.jpg", imageAlt: "Couple enjoying online shopping at home"},
{
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-handsome-man-out-town_1303-22540.jpg",
imageAlt: "Man browsing fashion on a digital device",
},
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-handsome-man-out-town_1303-22540.jpg", imageAlt: "Man browsing fashion on a digital device"},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-kid-holding-smartphone_23-2150909708.jpg",
imageAlt: "Kids fashion and toys for online shopping",
},
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-kid-holding-smartphone_23-2150909708.jpg", imageAlt: "Kids fashion and toys for online shopping"},
{
imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-experience_23-2151952992.jpg",
imageAlt: "Woman interacting with a virtual try-on fashion app",
},
imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-experience_23-2151952992.jpg", imageAlt: "Woman interacting with a virtual try-on fashion app"},
]}
mediaAnimation="opacity"
/>
@@ -130,24 +101,16 @@ export default function LandingPage() {
features={[
{
icon: Truck,
title: "Fast & Reliable Shipping",
description: "Get your orders delivered swiftly and securely right to your doorstep, every time.",
},
title: "Fast & Reliable Shipping", description: "Get your orders delivered swiftly and securely right to your doorstep, every time."},
{
icon: CreditCard,
title: "Secure Payment Options",
description: "Shop with peace of mind using our encrypted and diverse payment methods.",
},
title: "Secure Payment Options", description: "Shop with peace of mind using our encrypted and diverse payment methods."},
{
icon: Activity,
title: "Hassle-Free Returns",
description: "Enjoy easy returns and exchanges if your purchase isn't quite right for you.",
},
title: "Hassle-Free Returns", description: "Enjoy easy returns and exchanges if your purchase isn't quite right for you."},
{
icon: Grid,
title: "Wide Selection of Products",
description: "Explore a vast catalog from leading brands and trending new arrivals.",
},
title: "Wide Selection of Products", description: "Explore a vast catalog from leading brands and trending new arrivals."},
]}
title="Why Choose Style Savvy?"
description="We are dedicated to providing an exceptional online shopping experience, combining convenience with quality and reliability."
@@ -162,65 +125,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "UrbanThreads",
name: "Classic Denim Jacket",
price: "$89.99",
rating: 4.8,
reviewCount: "120 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-hipster-male-model-posing-outdoor_158595-812.jpg",
imageAlt: "Classic Denim Jacket",
},
id: "p1", brand: "UrbanThreads", name: "Classic Denim Jacket", price: "$89.99", rating: 4.8,
reviewCount: "120 reviews", imageSrc: "http://img.b2bpic.net/free-photo/fashion-hipster-male-model-posing-outdoor_158595-812.jpg", imageAlt: "Classic Denim Jacket"},
{
id: "p2",
brand: "EleganceWear",
name: "Floral Maxi Dress",
price: "$129.00",
rating: 4.5,
reviewCount: "85 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-posing-near-dark-wall_158538-11158.jpg",
imageAlt: "Floral Maxi Dress",
},
id: "p2", brand: "EleganceWear", name: "Floral Maxi Dress", price: "$129.00", rating: 4.5,
reviewCount: "85 reviews", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-posing-near-dark-wall_158538-11158.jpg", imageAlt: "Floral Maxi Dress"},
{
id: "p3",
brand: "SoundWave",
name: "Noise-Cancelling Headphones",
price: "$199.50",
rating: 4.9,
reviewCount: "210 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13940.jpg",
imageAlt: "Noise-Cancelling Headphones",
},
id: "p3", brand: "SoundWave", name: "Noise-Cancelling Headphones", price: "$199.50", rating: 4.9,
reviewCount: "210 reviews", imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13940.jpg", imageAlt: "Noise-Cancelling Headphones"},
{
id: "p4",
brand: "FutureTech",
name: "Smart Fitness Watch",
price: "$149.00",
rating: 4.7,
reviewCount: "155 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-practising-outside-gym_1153-7309.jpg",
imageAlt: "Smart Fitness Watch",
},
id: "p4", brand: "FutureTech", name: "Smart Fitness Watch", price: "$149.00", rating: 4.7,
reviewCount: "155 reviews", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-practising-outside-gym_1153-7309.jpg", imageAlt: "Smart Fitness Watch"},
{
id: "p5",
brand: "StrideCo",
name: "Ultralight Running Shoes",
price: "$99.99",
rating: 4.6,
reviewCount: "98 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/sport-shoes-running_1203-7550.jpg",
imageAlt: "Ultralight Running Shoes",
},
id: "p5", brand: "StrideCo", name: "Ultralight Running Shoes", price: "$99.99", rating: 4.6,
reviewCount: "98 reviews", imageSrc: "http://img.b2bpic.net/free-photo/sport-shoes-running_1203-7550.jpg", imageAlt: "Ultralight Running Shoes"},
{
id: "p6",
brand: "ChicCarry",
name: "Premium Leather Handbag",
price: "$249.00",
rating: 4.7,
reviewCount: "72 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-bag-with-mediterranean-tiles-aesthetics_23-2150916695.jpg",
imageAlt: "Premium Leather Handbag",
},
id: "p6", brand: "ChicCarry", name: "Premium Leather Handbag", price: "$249.00", rating: 4.7,
reviewCount: "72 reviews", imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-bag-with-mediterranean-tiles-aesthetics_23-2150916695.jpg", imageAlt: "Premium Leather Handbag"},
]}
title="Our Trending Collection"
description="Discover the latest arrivals and most popular items hand-picked for your style."
@@ -234,59 +155,23 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
title: "Standard Shopper",
price: "Free",
period: "Always",
features: [
"Access to all products",
"Standard shipping rates",
"Monthly newsletter",
"Basic customer support",
],
id: "basic", title: "Standard Shopper", price: "Free", period: "Always", features: [
"Access to all products", "Standard shipping rates", "Monthly newsletter", "Basic customer support"],
button: {
text: "Sign Up Now",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/shopping-cart-minus-front-side_187299-40120.jpg",
imageAlt: "Standard Shopper Plan",
},
text: "Sign Up Now", href: "#contact"},
imageSrc: "http://img.b2bpic.net/free-photo/shopping-cart-minus-front-side_187299-40120.jpg", imageAlt: "Standard Shopper Plan"},
{
id: "premium",
title: "Premium Member",
price: "$9.99",
period: "per month",
features: [
"All Standard benefits",
"Free express shipping",
"Early access to sales",
"Dedicated support",
],
id: "premium", title: "Premium Member", price: "$9.99", period: "per month", features: [
"All Standard benefits", "Free express shipping", "Early access to sales", "Dedicated support"],
button: {
text: "Go Premium",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891055.jpg",
imageAlt: "Premium Member Plan",
},
text: "Go Premium", href: "#contact"},
imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891055.jpg", imageAlt: "Premium Member Plan"},
{
id: "vip",
title: "VIP Elite",
price: "$19.99",
period: "per month",
features: [
"All Premium benefits",
"Exclusive product previews",
"Personal stylist consultation",
"Priority returns & exchanges",
],
id: "vip", title: "VIP Elite", price: "$19.99", period: "per month", features: [
"All Premium benefits", "Exclusive product previews", "Personal stylist consultation", "Priority returns & exchanges"],
button: {
text: "Become VIP",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/black-friday-shopping-display-with-gifts-balloons_23-2152026903.jpg",
imageAlt: "VIP Elite Plan",
},
text: "Become VIP", href: "#contact"},
imageSrc: "http://img.b2bpic.net/free-photo/black-friday-shopping-display-with-gifts-balloons_23-2152026903.jpg", imageAlt: "VIP Elite Plan"},
]}
title="Join Our Style Savvy Club"
description="Unlock exclusive benefits and enhance your shopping experience with our loyalty programs."
@@ -295,27 +180,19 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
icon: Users,
title: "Happy Customers",
value: "500K+",
},
id: "m1", icon: Users,
title: "Happy Customers", value: "500K+"},
{
id: "m2",
icon: Package,
title: "Products Shipped",
value: "2M+",
},
id: "m2", icon: Package,
title: "Products Shipped", value: "2M+"},
{
id: "m3",
icon: Globe,
title: "Countries Served",
value: "150+",
},
id: "m3", icon: Globe,
title: "Countries Served", value: "150+"},
]}
title="Our Success By Numbers"
description="We are proud of the impact we've made and the trust our customers place in us."
@@ -327,14 +204,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Visa",
"Mastercard",
"PayPal",
"UPS",
"FedEx",
"Vogue",
"GQ",
]}
"Visa", "Mastercard", "PayPal", "UPS", "FedEx", "Vogue", "GQ"]}
title="Trusted by Leading Brands & Media"
description="Our commitment to quality and service has earned us recognition and partnerships across the industry."
/>
@@ -347,45 +217,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sophia R.",
handle: "@sophia_style",
testimonial: "Style Savvy always has the latest trends! The quality is fantastic, and shipping is so fast.",
imageSrc: "http://img.b2bpic.net/free-photo/man-being-excited-by-special-offers-internet_23-2148404325.jpg",
imageAlt: "Sophia R.",
},
id: "t1", name: "Sophia R.", handle: "@sophia_style", testimonial: "Style Savvy always has the latest trends! The quality is fantastic, and shipping is so fast.", imageSrc: "http://img.b2bpic.net/free-photo/man-being-excited-by-special-offers-internet_23-2148404325.jpg", imageAlt: "Sophia R."},
{
id: "t2",
name: "Mark J.",
handle: "@mark_tech",
testimonial: "I love the range of electronics they offer. Found exactly what I needed at a great price.",
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-sofa-working-laptop_23-2147860892.jpg",
imageAlt: "Mark J.",
},
id: "t2", name: "Mark J.", handle: "@mark_tech", testimonial: "I love the range of electronics they offer. Found exactly what I needed at a great price.", imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-sofa-working-laptop_23-2147860892.jpg", imageAlt: "Mark J."},
{
id: "t3",
name: "Olivia M.",
handle: "@olivia_home",
testimonial: "My go-to for home decor! Everything arrives perfectly packaged and looks even better in person.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-black-jacket-with-stylish-hairstyle-looking-camera-isolated-purple-background_291049-2380.jpg",
imageAlt: "Olivia M.",
},
id: "t3", name: "Olivia M.", handle: "@olivia_home", testimonial: "My go-to for home decor! Everything arrives perfectly packaged and looks even better in person.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-black-jacket-with-stylish-hairstyle-looking-camera-isolated-purple-background_291049-2380.jpg", imageAlt: "Olivia M."},
{
id: "t4",
name: "David L.",
handle: "@david_fashion",
testimonial: "The customer service is top-notch. They helped me with an exchange quickly and easily.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-bearded-guy-smiling-gesturing-with-ok-sign-expressing-good-choice-being-isolated-graphite_171337-455.jpg",
imageAlt: "David L.",
},
id: "t4", name: "David L.", handle: "@david_fashion", testimonial: "The customer service is top-notch. They helped me with an exchange quickly and easily.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-bearded-guy-smiling-gesturing-with-ok-sign-expressing-good-choice-being-isolated-graphite_171337-455.jpg", imageAlt: "David L."},
{
id: "t5",
name: "Emily C.",
handle: "@emily_finds",
testimonial: "Never disappointed with my purchases here. The product descriptions and images are very accurate.",
imageSrc: "http://img.b2bpic.net/free-photo/focused-man-working-late-his-home-office_329181-17558.jpg",
imageAlt: "Emily C.",
},
id: "t5", name: "Emily C.", handle: "@emily_finds", testimonial: "Never disappointed with my purchases here. The product descriptions and images are very accurate.", imageSrc: "http://img.b2bpic.net/free-photo/focused-man-working-late-his-home-office_329181-17558.jpg", imageAlt: "Emily C."},
]}
title="What Our Customers Say"
description="Hear directly from our community about their amazing shopping experiences."
@@ -396,8 +236,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Stay Connected"
title="Get Exclusive Offers & Updates"
description="Join our newsletter to receive the latest deals, new product announcements, and style tips directly in your inbox. Don't miss out!"
@@ -417,66 +256,39 @@ export default function LandingPage() {
logoText="Style Savvy"
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{
label: "New Arrivals",
href: "#products",
},
label: "New Arrivals", href: "#products"},
{
label: "Best Sellers",
href: "#products",
},
label: "Best Sellers", href: "#products"},
{
label: "Sales",
href: "#",
},
label: "Sales", href: "#"},
{
label: "Categories",
href: "#",
},
label: "Categories", href: "#"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#",
},
label: "FAQ", href: "#"},
{
label: "Shipping Info",
href: "#",
},
label: "Shipping Info", href: "#"},
{
label: "Returns",
href: "#features",
},
label: "Returns", href: "#features"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
],
},
]}