Merge version_1 into main #2
210
src/app/page.tsx
210
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="LuxeShop"
|
||||
/>
|
||||
@@ -56,21 +48,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
logoText="LuxeShop"
|
||||
description="Discover curated premium goods crafted for your lifestyle."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-halloween-eye-balls-with-copy-space_23-2148609829.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-halloween-eye-balls-with-copy-space_23-2148609829.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -82,17 +69,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Generic mass-market quality",
|
||||
"Slow shipping times",
|
||||
"Impersonal customer service",
|
||||
],
|
||||
"Generic mass-market quality", "Slow shipping times", "Impersonal customer service"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Hand-selected premium quality",
|
||||
"Complimentary express delivery",
|
||||
"Dedicated concierge support",
|
||||
],
|
||||
"Hand-selected premium quality", "Complimentary express delivery", "Dedicated concierge support"],
|
||||
}}
|
||||
title="Why Choose LuxeShop?"
|
||||
description="We define premium through quality, speed, and personalized service."
|
||||
@@ -107,41 +88,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Watch",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241141.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Classic Watch", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241141.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Leather Tote",
|
||||
price: "$320",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-women-bag-stuff_93675-131548.jpg",
|
||||
},
|
||||
id: "p2", name: "Leather Tote", price: "$320", imageSrc: "http://img.b2bpic.net/free-photo/view-women-bag-stuff_93675-131548.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Signature Scent",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-foundation-containers-arrangement_23-2149705544.jpg",
|
||||
},
|
||||
id: "p3", name: "Signature Scent", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-foundation-containers-arrangement_23-2149705544.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Oxford Shoes",
|
||||
price: "$280",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-accessoires-travel-with-man-clothing-concept-shirt-jean-mobile-phone-wooden-background-watch-sunglasses-shoes-wood-table_1921-79.jpg",
|
||||
},
|
||||
id: "p4", name: "Oxford Shoes", price: "$280", imageSrc: "http://img.b2bpic.net/free-photo/top-view-accessoires-travel-with-man-clothing-concept-shirt-jean-mobile-phone-wooden-background-watch-sunglasses-shoes-wood-table_1921-79.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Aviator Shades",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-green-suit-outdoors_1303-29542.jpg",
|
||||
},
|
||||
id: "p5", name: "Aviator Shades", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-green-suit-outdoors_1303-29542.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Smart Sound",
|
||||
price: "$350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-bearded-man-with-hairstyle-listening-music-headphones-isolated-gray-background_613910-4640.jpg",
|
||||
},
|
||||
id: "p6", name: "Smart Sound", price: "$350", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-bearded-man-with-hairstyle-listening-music-headphones-isolated-gray-background_613910-4640.jpg"},
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Hand-picked essentials for the discerning individual."
|
||||
@@ -167,60 +124,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
date: "Jan 2024",
|
||||
title: "Verified Buyer",
|
||||
quote: "The quality is unmatched. Truly a premium experience.",
|
||||
tag: "Elite",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-halloween-eye-balls-with-copy-space_23-2148609829.jpg?_wi=2",
|
||||
imageAlt: "professional headshot portrait man",
|
||||
},
|
||||
id: "1", name: "John Doe", date: "Jan 2024", title: "Verified Buyer", quote: "The quality is unmatched. Truly a premium experience.", tag: "Elite", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-halloween-eye-balls-with-copy-space_23-2148609829.jpg", imageAlt: "professional headshot portrait man"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
date: "Dec 2023",
|
||||
title: "Verified Buyer",
|
||||
quote: "Exceptional service and beautiful products.",
|
||||
tag: "Style",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-shooting-yellow-light_23-2149424932.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/pack-four-questionnaire-stickers-vintage-style_23-2147593884.jpg",
|
||||
imageAlt: "professional headshot portrait man",
|
||||
},
|
||||
id: "2", name: "Jane Smith", date: "Dec 2023", title: "Verified Buyer", quote: "Exceptional service and beautiful products.", tag: "Style", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-shooting-yellow-light_23-2149424932.jpg", imageSrc: "http://img.b2bpic.net/free-vector/pack-four-questionnaire-stickers-vintage-style_23-2147593884.jpg", imageAlt: "professional headshot portrait man"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alex Johnson",
|
||||
date: "Nov 2023",
|
||||
title: "Verified Buyer",
|
||||
quote: "LuxeShop is my go-to for high-end essentials.",
|
||||
tag: "Fashion",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-wearing-black-sweater-posing_246466-38.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-still-life-with-trucks-top-view_23-2148790054.jpg",
|
||||
imageAlt: "professional headshot portrait man",
|
||||
},
|
||||
id: "3", name: "Alex Johnson", date: "Nov 2023", title: "Verified Buyer", quote: "LuxeShop is my go-to for high-end essentials.", tag: "Fashion", avatarSrc: "http://img.b2bpic.net/free-photo/woman-wearing-black-sweater-posing_246466-38.jpg", imageSrc: "http://img.b2bpic.net/free-photo/delivery-still-life-with-trucks-top-view_23-2148790054.jpg", imageAlt: "professional headshot portrait man"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily White",
|
||||
date: "Oct 2023",
|
||||
title: "Verified Buyer",
|
||||
quote: "Fast delivery and stunning packaging.",
|
||||
tag: "Design",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-user-shield_78370-7029.jpg",
|
||||
imageAlt: "professional headshot portrait man",
|
||||
},
|
||||
id: "4", name: "Emily White", date: "Oct 2023", title: "Verified Buyer", quote: "Fast delivery and stunning packaging.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg", imageSrc: "http://img.b2bpic.net/free-vector/business-user-shield_78370-7029.jpg", imageAlt: "professional headshot portrait man"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Michael Brown",
|
||||
date: "Sep 2023",
|
||||
title: "Verified Buyer",
|
||||
quote: "Every item feels like an investment.",
|
||||
tag: "Quality",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-beauty-mulatto-woman-with-long-lashes_633478-2703.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241141.jpg?_wi=2",
|
||||
imageAlt: "professional headshot portrait man",
|
||||
},
|
||||
id: "5", name: "Michael Brown", date: "Sep 2023", title: "Verified Buyer", quote: "Every item feels like an investment.", tag: "Quality", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-beauty-mulatto-woman-with-long-lashes_633478-2703.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241141.jpg", imageAlt: "professional headshot portrait man"},
|
||||
]}
|
||||
title="Customer Experiences"
|
||||
description="What our clients say about the LuxeShop experience."
|
||||
@@ -229,32 +141,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Happy Customers",
|
||||
items: [
|
||||
"Across 20 countries",
|
||||
],
|
||||
id: "m1", value: "10k+", title: "Happy Customers", items: [
|
||||
"Across 20 countries"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Quality Rating",
|
||||
items: [
|
||||
"Exceeding expectations",
|
||||
],
|
||||
id: "m2", value: "98%", title: "Quality Rating", items: [
|
||||
"Exceeding expectations"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24h",
|
||||
title: "Response Time",
|
||||
items: [
|
||||
"Dedicated support",
|
||||
],
|
||||
id: "m3", value: "24h", title: "Response Time", items: [
|
||||
"Dedicated support"],
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -267,20 +168,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How is shipping calculated?",
|
||||
content: "We offer complimentary express shipping on all orders.",
|
||||
},
|
||||
id: "f1", title: "How is shipping calculated?", content: "We offer complimentary express shipping on all orders."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I return items?",
|
||||
content: "Yes, we accept returns within 30 days of purchase.",
|
||||
},
|
||||
id: "f2", title: "Can I return items?", content: "Yes, we accept returns within 30 days of purchase."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How can I contact support?",
|
||||
content: "Email us at support@luxeshop.com for immediate help.",
|
||||
},
|
||||
id: "f3", title: "How can I contact support?", content: "Email us at support@luxeshop.com for immediate help."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about shopping with us."
|
||||
@@ -295,22 +187,14 @@ export default function LandingPage() {
|
||||
description="Have questions? We are here to assist."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we help you?", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/brunette-businesswoman-using-her-smartphone_23-2148142797.jpg"
|
||||
@@ -321,33 +205,21 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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