Merge version_2 into main #1
241
src/app/page.tsx
241
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "features",
|
||||
},
|
||||
name: "Why Us", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Brand 36"
|
||||
/>
|
||||
@@ -55,63 +47,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Refined Essentials for Modern Living"
|
||||
description="Discover our handpicked collection of shoes, clothing, and accessories designed for quality and timeless style."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861880.jpg"
|
||||
imageAlt="Brand 36 Collection"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-young-girl-library_23-2148727841.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-young-girl-library_23-2148727841.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24636.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24636.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fresh-baked-food-bakery_23-2147893039.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fresh-baked-food-bakery_23-2147893039.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/baby-shoes-toy-camera_23-2147698706.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/baby-shoes-toy-camera_23-2147698706.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ happy customers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
type: "text", text: "Premium Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Materials",
|
||||
},
|
||||
type: "text", text: "Sustainable Materials"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Design",
|
||||
},
|
||||
type: "text", text: "Timeless Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Shipping",
|
||||
},
|
||||
type: "text", text: "Global Shipping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
type: "text", text: "24/7 Support"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,29 +93,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Premium Quality",
|
||||
description: "Materials selected for durability and comfort.",
|
||||
},
|
||||
title: "Premium Quality", description: "Materials selected for durability and comfort."},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Curated Style",
|
||||
description: "Timeless designs that elevate your everyday wardrobe.",
|
||||
},
|
||||
title: "Curated Style", description: "Timeless designs that elevate your everyday wardrobe."},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Secure Shipping",
|
||||
description: "Reliable and fast delivery straight to your door.",
|
||||
},
|
||||
title: "Secure Shipping", description: "Reliable and fast delivery straight to your door."},
|
||||
{
|
||||
icon: Package,
|
||||
title: "Eco-Friendly",
|
||||
description: "Sustainable packaging and ethical sourcing.",
|
||||
},
|
||||
title: "Eco-Friendly", description: "Sustainable packaging and ethical sourcing."},
|
||||
{
|
||||
icon: Headphones,
|
||||
title: "Expert Service",
|
||||
description: "Dedicated support for every purchase.",
|
||||
},
|
||||
title: "Expert Service", description: "Dedicated support for every purchase."},
|
||||
]}
|
||||
title="Why Brand 36?"
|
||||
description="We prioritize quality and craftsmanship in every item we curate."
|
||||
@@ -161,50 +120,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Leather Derby Shoes",
|
||||
price: "$120",
|
||||
variant: "Footwear",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers-showcase_23-2151005700.jpg",
|
||||
},
|
||||
id: "1", name: "Leather Derby Shoes", price: "$120", variant: "Footwear", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers-showcase_23-2151005700.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Casual Cotton Shirt",
|
||||
price: "$45",
|
||||
variant: "Clothing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-wearing-beautiful-shade-clothing_23-2151428046.jpg",
|
||||
},
|
||||
id: "2", name: "Casual Cotton Shirt", price: "$45", variant: "Clothing", imageSrc: "http://img.b2bpic.net/free-photo/model-wearing-beautiful-shade-clothing_23-2151428046.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Wireless Headphones",
|
||||
price: "$199",
|
||||
variant: "Electronics",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headphone-connected-transparent-cassette-black-background_23-2147889762.jpg",
|
||||
},
|
||||
id: "3", name: "Wireless Headphones", price: "$199", variant: "Electronics", imageSrc: "http://img.b2bpic.net/free-photo/headphone-connected-transparent-cassette-black-background_23-2147889762.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Classic Steel Watch",
|
||||
price: "$250",
|
||||
variant: "Accessories",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-luxurious-arrangement-table_23-2148229209.jpg",
|
||||
},
|
||||
id: "4", name: "Classic Steel Watch", price: "$250", variant: "Accessories", imageSrc: "http://img.b2bpic.net/free-photo/fashion-luxurious-arrangement-table_23-2148229209.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Premium Cotton Socks",
|
||||
price: "$12",
|
||||
variant: "Apparel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-young-attractive-woman-knitted-clothes_158595-1754.jpg",
|
||||
},
|
||||
id: "5", name: "Premium Cotton Socks", price: "$12", variant: "Apparel", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-young-attractive-woman-knitted-clothes_158595-1754.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Smart Portable Speaker",
|
||||
price: "$89",
|
||||
variant: "Electronics",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rock-band-drummer-performing-repetition-recording-studio_53876-132100.jpg",
|
||||
},
|
||||
id: "6", name: "Smart Portable Speaker", price: "$89", variant: "Electronics", imageSrc: "http://img.b2bpic.net/free-photo/rock-band-drummer-performing-repetition-recording-studio_53876-132100.jpg"},
|
||||
]}
|
||||
title="Our Latest Collection"
|
||||
description="Explore our curated essentials."
|
||||
description="A hand-selected ensemble of premium goods, chosen for their superior durability, effortless aesthetic, and high-performance functionality."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -215,26 +144,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10K+",
|
||||
title: "Happy Customers",
|
||||
description: "Trusted by loyal shoppers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horseshoe-pretty-woman-fortune-retro_1187-6428.jpg",
|
||||
},
|
||||
id: "m1", value: "10K+", title: "Happy Customers", description: "Trusted by loyal shoppers.", imageSrc: "http://img.b2bpic.net/free-photo/horseshoe-pretty-woman-fortune-retro_1187-6428.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Products Curated",
|
||||
description: "Hand-picked for you.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-wearing-thai-clothing-that-pay-respect-sawasdee-symbol_1150-15641.jpg",
|
||||
},
|
||||
id: "m2", value: "500+", title: "Products Curated", description: "Hand-picked for you.", imageSrc: "http://img.b2bpic.net/free-photo/women-wearing-thai-clothing-that-pay-respect-sawasdee-symbol_1150-15641.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support Available",
|
||||
description: "We're here for you.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sound-waves-coming-out-from-human-ear_23-2149831011.jpg",
|
||||
},
|
||||
id: "m3", value: "24/7", title: "Support Available", description: "We're here for you.", imageSrc: "http://img.b2bpic.net/free-photo/sound-waves-coming-out-from-human-ear_23-2149831011.jpg"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="We are proud of our milestones."
|
||||
@@ -248,59 +162,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
role: "Designer",
|
||||
company: "CreativeCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg",
|
||||
},
|
||||
id: "1", name: "John Doe", role: "Designer", company: "CreativeCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
role: "Architect",
|
||||
company: "BuildLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
},
|
||||
id: "2", name: "Jane Smith", role: "Architect", company: "BuildLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam Wilson",
|
||||
role: "Developer",
|
||||
company: "TechSys",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-girl-with-make-up-black-background_627829-7805.jpg",
|
||||
},
|
||||
id: "3", name: "Sam Wilson", role: "Developer", company: "TechSys", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-girl-with-make-up-black-background_627829-7805.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily Rose",
|
||||
role: "Manager",
|
||||
company: "StoreFront",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
|
||||
},
|
||||
id: "4", name: "Emily Rose", role: "Manager", company: "StoreFront", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mark Owen",
|
||||
role: "Artist",
|
||||
company: "ArtGallery",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
|
||||
},
|
||||
id: "5", name: "Mark Owen", role: "Artist", company: "ArtGallery", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Average Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Customer Satisfaction",
|
||||
},
|
||||
value: "100%", label: "Customer Satisfaction"},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Average Dispatch",
|
||||
},
|
||||
value: "24h", label: "Average Dispatch"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Voices from our community."
|
||||
@@ -313,20 +196,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How fast is shipping?",
|
||||
content: "Orders are processed within 24 hours.",
|
||||
},
|
||||
id: "q1", title: "How fast is shipping?", content: "Orders are processed within 24 hours."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is your return policy?",
|
||||
content: "Returns are accepted within 30 days.",
|
||||
},
|
||||
id: "q2", title: "What is your return policy?", content: "Returns are accepted within 30 days."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you ship internationally?",
|
||||
content: "Yes, we ship globally.",
|
||||
},
|
||||
id: "q3", title: "Do you ship internationally?", content: "Yes, we ship globally."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common inquiries."
|
||||
@@ -338,8 +212,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Newsletter"
|
||||
title="Stay Updated"
|
||||
description="Subscribe for exclusive offers and news."
|
||||
@@ -354,25 +227,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -382,4 +247,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user