Merge version_1 into main #2
168
src/app/page.tsx
168
src/app/page.tsx
@@ -29,61 +29,39 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ShopBase"
|
||||
button={{
|
||||
text: "Cart",
|
||||
}}
|
||||
text: "Cart"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Style Redefined"
|
||||
description="Discover curated collections designed for your everyday lifestyle. Premium quality, delivered to your doorstep."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8591.jpg?_wi=1",
|
||||
imageAlt: "Fashion product 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8591.jpg", imageAlt: "Fashion product 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-stylish-girls-street-with-shopping-bags_1157-28126.jpg?_wi=1",
|
||||
imageAlt: "Fashion product 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-stylish-girls-street-with-shopping-bags_1157-28126.jpg", imageAlt: "Fashion product 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business_23-2148006299.jpg?_wi=1",
|
||||
imageAlt: "Fashion product 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business_23-2148006299.jpg", imageAlt: "Fashion product 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8591.jpg?_wi=2",
|
||||
imageAlt: "Fashion product 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8591.jpg", imageAlt: "Fashion product 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-stylish-girls-street-with-shopping-bags_1157-28126.jpg?_wi=2",
|
||||
imageAlt: "Fashion product 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-stylish-girls-street-with-shopping-bags_1157-28126.jpg", imageAlt: "Fashion product 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business_23-2148006299.jpg?_wi=2",
|
||||
imageAlt: "Fashion product 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business_23-2148006299.jpg", imageAlt: "Fashion product 6"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -97,47 +75,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Essential Chrono",
|
||||
price: "$129",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-different-white-boxes-two-green-pink-paper-backdrop_23-2147874187.jpg",
|
||||
},
|
||||
id: "p1", name: "Essential Chrono", price: "$129", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-different-white-boxes-two-green-pink-paper-backdrop_23-2147874187.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Urban Leather Pack",
|
||||
price: "$89",
|
||||
variant: "Leather",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478986.jpg",
|
||||
},
|
||||
id: "p2", name: "Urban Leather Pack", price: "$89", variant: "Leather", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478986.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Minimalist Desk Lamp",
|
||||
price: "$159",
|
||||
variant: "Lighting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamp-indoors-interior-design_23-2151919417.jpg",
|
||||
},
|
||||
id: "p3", name: "Minimalist Desk Lamp", price: "$159", variant: "Lighting", imageSrc: "http://img.b2bpic.net/free-photo/lamp-indoors-interior-design_23-2151919417.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Modern Glass Vase",
|
||||
price: "$45",
|
||||
variant: "Decor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-plant-with-leaves-round-vase_23-2149334651.jpg",
|
||||
},
|
||||
id: "p4", name: "Modern Glass Vase", price: "$45", variant: "Decor", imageSrc: "http://img.b2bpic.net/free-photo/front-view-plant-with-leaves-round-vase_23-2149334651.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Smart Tech Case",
|
||||
price: "$69",
|
||||
variant: "Tech",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074256.jpg",
|
||||
},
|
||||
id: "p5", name: "Smart Tech Case", price: "$69", variant: "Tech", imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074256.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Silk Scarf",
|
||||
price: "$39",
|
||||
variant: "Accessory",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colored-transparent-sunglasses-still-life_23-2150165842.jpg",
|
||||
},
|
||||
id: "p6", name: "Silk Scarf", price: "$39", variant: "Accessory", imageSrc: "http://img.b2bpic.net/free-photo/colored-transparent-sunglasses-still-life_23-2150165842.jpg"},
|
||||
]}
|
||||
title="New Arrivals"
|
||||
description="Browse our latest hand-picked selections."
|
||||
@@ -146,21 +94,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No hidden fees",
|
||||
"Transparent pricing",
|
||||
"Easy returns",
|
||||
],
|
||||
"No hidden fees", "Transparent pricing", "Easy returns"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Fast shipping",
|
||||
"24/7 support",
|
||||
"Sustainable packaging",
|
||||
],
|
||||
"Fast shipping", "24/7 support", "Sustainable packaging"],
|
||||
}}
|
||||
title="Why Choose Us"
|
||||
description="Quality meets convenience for a better shopping experience."
|
||||
@@ -172,30 +115,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice G.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg",
|
||||
},
|
||||
id: "t1", name: "Alice G.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg",
|
||||
},
|
||||
id: "t2", name: "Bob M.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Charlie R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg",
|
||||
},
|
||||
id: "t3", name: "Charlie R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Diana K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
|
||||
},
|
||||
id: "t4", name: "Diana K.", imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Evan W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
|
||||
},
|
||||
id: "t5", name: "Evan W.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg"},
|
||||
]}
|
||||
cardTitle="Customer Stories"
|
||||
cardTag="Reviews"
|
||||
@@ -207,8 +135,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Newsletter"
|
||||
title="Stay Connected"
|
||||
description="Sign up for updates and exclusive offers."
|
||||
@@ -219,50 +146,31 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
label: "New Arrivals", href: "#products"},
|
||||
{
|
||||
label: "Categories",
|
||||
href: "#",
|
||||
},
|
||||
label: "Categories", href: "#"},
|
||||
{
|
||||
label: "Sale",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sale", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user