Update src/app/page.tsx
This commit is contained in:
259
src/app/page.tsx
259
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Urban Step"
|
||||
/>
|
||||
@@ -54,42 +46,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Step Into Style"
|
||||
description="Premium shoes for every step you take. Discover our carefully curated collection of luxury footwear."
|
||||
tag="Urban Step Shoes"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Collection", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-shoes-isolated-black-background_169016-52853.jpg",
|
||||
imageAlt: "Luxurious shoe display",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-shoes-isolated-black-background_169016-52853.jpg", imageAlt: "Luxurious shoe display"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sunglasses-flip-flops-arrangement_23-2148922400.jpg?_wi=1",
|
||||
imageAlt: "Modern leather sneakers",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-wooden-walkway-lake_181624-31149.jpg?_wi=1",
|
||||
imageAlt: "Classic formal leather shoes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-training-body-building_23-2149661010.jpg?_wi=1",
|
||||
imageAlt: "Professional sports trainers",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-sitting-blanket_23-2148503425.jpg?_wi=1",
|
||||
imageAlt: "Leather winter boots",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sunglasses-flip-flops-arrangement_23-2148922400.jpg", imageAlt: "Modern leather sneakers"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -103,9 +74,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Elegance for Every Journey"
|
||||
description={[
|
||||
"At Urban Step, we believe that every pair of shoes tells a story. Founded with a passion for quality and design, we blend traditional craftsmanship with modern comfort.",
|
||||
"Our premium selection is meticulously chosen to ensure durability, style, and ease for every step. Whether it's a formal event, a sports activity, or casual day out, we have the perfect fit.",
|
||||
]}
|
||||
"At Urban Step, we believe that every pair of shoes tells a story. Founded with a passion for quality and design, we blend traditional craftsmanship with modern comfort.", "Our premium selection is meticulously chosen to ensure durability, style, and ease for every step. Whether it's a formal event, a sports activity, or casual day out, we have the perfect fit."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -117,59 +86,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "UrbanStep",
|
||||
name: "Modern White Sneakers",
|
||||
price: "$129.00",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sunglasses-flip-flops-arrangement_23-2148922400.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", brand: "UrbanStep", name: "Modern White Sneakers", price: "$129.00", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/sunglasses-flip-flops-arrangement_23-2148922400.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "UrbanStep",
|
||||
name: "Classic Oxford Formal",
|
||||
price: "$189.00",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-wooden-walkway-lake_181624-31149.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", brand: "UrbanStep", name: "Classic Oxford Formal", price: "$189.00", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-wooden-walkway-lake_181624-31149.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "UrbanStep",
|
||||
name: "Pro Sports Trainer",
|
||||
price: "$145.00",
|
||||
rating: 4,
|
||||
reviewCount: "92",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-training-body-building_23-2149661010.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", brand: "UrbanStep", name: "Pro Sports Trainer", price: "$145.00", rating: 4,
|
||||
reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/adult-training-body-building_23-2149661010.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "UrbanStep",
|
||||
name: "Premium Winter Boots",
|
||||
price: "$210.00",
|
||||
rating: 5,
|
||||
reviewCount: "64",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-sitting-blanket_23-2148503425.jpg?_wi=2",
|
||||
},
|
||||
id: "p4", brand: "UrbanStep", name: "Premium Winter Boots", price: "$210.00", rating: 5,
|
||||
reviewCount: "64", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-sitting-blanket_23-2148503425.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "UrbanStep",
|
||||
name: "Suede Loafers",
|
||||
price: "$165.00",
|
||||
rating: 5,
|
||||
reviewCount: "43",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-ties-laces-his-shoes_8353-9803.jpg",
|
||||
},
|
||||
id: "p5", brand: "UrbanStep", name: "Suede Loafers", price: "$165.00", rating: 5,
|
||||
reviewCount: "43", imageSrc: "http://img.b2bpic.net/free-photo/groom-ties-laces-his-shoes_8353-9803.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "UrbanStep",
|
||||
name: "Urban Daily Runner",
|
||||
price: "$115.00",
|
||||
rating: 4,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skater-girl-urban-sitting-stairs-side-view_23-2148787219.jpg",
|
||||
},
|
||||
id: "p6", brand: "UrbanStep", name: "Urban Daily Runner", price: "$115.00", rating: 4,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/skater-girl-urban-sitting-stairs-side-view_23-2148787219.jpg"},
|
||||
]}
|
||||
title="Our Latest Collection"
|
||||
description="Explore our premium selection ranging from high-performance sneakers to classic formal wear."
|
||||
@@ -183,49 +116,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "deal1",
|
||||
badge: "BOGO",
|
||||
price: "Buy 1 Get 1",
|
||||
subtitle: "Valid on all formal shoes",
|
||||
buttons: [
|
||||
id: "deal1", badge: "BOGO", price: "Buy 1 Get 1", subtitle: "Valid on all formal shoes", buttons: [
|
||||
{
|
||||
text: "Shop Now",
|
||||
},
|
||||
text: "Shop Now"},
|
||||
],
|
||||
features: [
|
||||
"Limited time offer",
|
||||
"Store-wide availability",
|
||||
],
|
||||
"Limited time offer", "Store-wide availability"],
|
||||
},
|
||||
{
|
||||
id: "deal2",
|
||||
badge: "Sale",
|
||||
price: "30% Off",
|
||||
subtitle: "Applicable on selected sneakers",
|
||||
buttons: [
|
||||
id: "deal2", badge: "Sale", price: "30% Off", subtitle: "Applicable on selected sneakers", buttons: [
|
||||
{
|
||||
text: "Shop Now",
|
||||
},
|
||||
text: "Shop Now"},
|
||||
],
|
||||
features: [
|
||||
"Top selling styles",
|
||||
"Limited stocks",
|
||||
],
|
||||
"Top selling styles", "Limited stocks"],
|
||||
},
|
||||
{
|
||||
id: "deal3",
|
||||
badge: "New",
|
||||
price: "20% Off",
|
||||
subtitle: "For first-time customers",
|
||||
buttons: [
|
||||
id: "deal3", badge: "New", price: "20% Off", subtitle: "For first-time customers", buttons: [
|
||||
{
|
||||
text: "Shop Now",
|
||||
},
|
||||
text: "Shop Now"},
|
||||
],
|
||||
features: [
|
||||
"Get started today",
|
||||
"Easy returns",
|
||||
],
|
||||
"Get started today", "Easy returns"],
|
||||
},
|
||||
]}
|
||||
title="Exclusive Special Offers"
|
||||
@@ -241,45 +153,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Fashion Blogger",
|
||||
company: "Lifestyle Daily",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", role: "Fashion Blogger", company: "Lifestyle Daily", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Johnathan Doe",
|
||||
role: "Executive",
|
||||
company: "Corporate Firm",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-selecting-shoe-shop_107420-94841.jpg",
|
||||
},
|
||||
id: "t2", name: "Johnathan Doe", role: "Executive", company: "Corporate Firm", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-selecting-shoe-shop_107420-94841.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Alice Wang",
|
||||
role: "Designer",
|
||||
company: "Creative Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-shopper-street_23-2147652063.jpg",
|
||||
},
|
||||
id: "t3", name: "Alice Wang", role: "Designer", company: "Creative Hub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-shopper-street_23-2147652063.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Stevens",
|
||||
role: "Athlete",
|
||||
company: "Pro Sports",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-pretty-girl-with-dark-hair-wearing-sunglasses-posing-camera-with-friendly-happy-smile-while-sitting-pink-background_291650-1796.jpg",
|
||||
},
|
||||
id: "t4", name: "Mark Stevens", role: "Athlete", company: "Pro Sports", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-pretty-girl-with-dark-hair-wearing-sunglasses-posing-camera-with-friendly-happy-smile-while-sitting-pink-background_291650-1796.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Emily Watson",
|
||||
role: "Teacher",
|
||||
company: "Local School",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairing-footwear_1098-14265.jpg",
|
||||
},
|
||||
id: "t5", name: "Emily Watson", role: "Teacher", company: "Local School", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairing-footwear_1098-14265.jpg"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Real feedback from our happy community of shoe enthusiasts."
|
||||
@@ -290,18 +177,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Get in touch with us at Urban Step Shoes for any questions about our products or your orders. Visit our store or drop us a message."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:hello@urbanstep.com",
|
||||
},
|
||||
text: "Email Us", href: "mailto:hello@urbanstep.com"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
text: "Call Now", href: "tel:+1234567890"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -311,62 +193,37 @@ export default function LandingPage() {
|
||||
logoText="Urban Step"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Shop Sneakers",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop Sneakers", href: "#products"},
|
||||
{
|
||||
label: "Formal Shoes",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Formal Shoes", href: "#products"},
|
||||
{
|
||||
label: "Sports",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Sports", href: "#products"},
|
||||
{
|
||||
label: "Boots",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Boots", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
label: "WhatsApp", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user