Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
253
src/app/page.tsx
253
src/app/page.tsx
@@ -30,66 +30,34 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Catalog", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Prestige Store"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Experience Prestige."
|
||||
description="Discover curated luxury and refined elegance for the discerning individual."
|
||||
tag="Luxury Redefined"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Catalog",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Catalog", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/owner-getting-ready-reopening_23-2149142180.jpg",
|
||||
imageAlt: "luxury boutique store window",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fashion-still-life-arrangement_23-2148229281.jpg",
|
||||
imageAlt: "luxury boutique store window",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exclusive-offer-with-discount_23-2151912080.jpg",
|
||||
imageAlt: "luxury boutique store window",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-showroom_482257-79289.jpg",
|
||||
imageAlt: "luxury boutique store window",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun-white-party_23-2149429861.jpg",
|
||||
imageAlt: "luxury boutique store window",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-daughter-is-engaged-gymnastics_1157-31635.jpg",
|
||||
imageAlt: "luxury boutique store window",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/owner-getting-ready-reopening_23-2149142180.jpg", imageAlt: "luxury boutique store window" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-fashion-still-life-arrangement_23-2148229281.jpg", imageAlt: "luxury boutique store window" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/exclusive-offer-with-discount_23-2151912080.jpg", imageAlt: "luxury boutique store window" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-showroom_482257-79289.jpg", imageAlt: "luxury boutique store window" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun-white-party_23-2149429861.jpg", imageAlt: "luxury boutique store window" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-with-daughter-is-engaged-gymnastics_1157-31635.jpg", imageAlt: "luxury boutique store window" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -98,15 +66,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Legacy of Elegance",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-walking_23-2147996548.jpg",
|
||||
alt: "luxury store interior architectural",
|
||||
},
|
||||
{ type: "text", content: "Our Legacy of Elegance" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/businessman-walking_23-2147996548.jpg", alt: "luxury store interior architectural" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,48 +79,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luxury Timepiece",
|
||||
price: "$4,500",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241139.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Artisan Perfume",
|
||||
price: "$320",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420673.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Leather Clutch",
|
||||
price: "$1,200",
|
||||
variant: "Handmade",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073531.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Classic Loafers",
|
||||
price: "$850",
|
||||
variant: "Formal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-wrapped-chocolate-santa-claus-wooden-table_123827-28885.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Designer Frames",
|
||||
price: "$550",
|
||||
variant: "Limited",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/optic-glasses-table_140725-7410.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Silk Scarf",
|
||||
price: "$280",
|
||||
variant: "Exclusive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-girl-grey-dress-shoe-bag-shop_627829-10335.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Luxury Timepiece", price: "$4,500", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241139.jpg" },
|
||||
{ id: "p2", name: "Artisan Perfume", price: "$320", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420673.jpg" },
|
||||
{ id: "p3", name: "Leather Clutch", price: "$1,200", variant: "Handmade", imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073531.jpg" },
|
||||
{ id: "p4", name: "Classic Loafers", price: "$850", variant: "Formal", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-wrapped-chocolate-santa-claus-wooden-table_123827-28885.jpg" },
|
||||
{ id: "p5", name: "Designer Frames", price: "$550", variant: "Limited", imageSrc: "http://img.b2bpic.net/free-photo/optic-glasses-table_140725-7410.jpg" },
|
||||
{ id: "p6", name: "Silk Scarf", price: "$280", variant: "Exclusive", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-girl-grey-dress-shoe-bag-shop_627829-10335.jpg" },
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="Hand-selected items embodying prestige and timeless design."
|
||||
@@ -172,36 +97,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "01",
|
||||
title: "Authenticity",
|
||||
items: [
|
||||
"Certified products",
|
||||
"Direct sourcing",
|
||||
"Warranty included",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "02",
|
||||
title: "Refinement",
|
||||
items: [
|
||||
"Curated selection",
|
||||
"Timeless design",
|
||||
"Premium materials",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "03",
|
||||
title: "Service",
|
||||
items: [
|
||||
"Personalized styling",
|
||||
"Fast shipping",
|
||||
"Dedicated support",
|
||||
],
|
||||
},
|
||||
{ id: "f1", label: "01", title: "Authenticity", items: ["Certified products", "Direct sourcing", "Warranty included"] },
|
||||
{ id: "f2", label: "02", title: "Refinement", items: ["Curated selection", "Timeless design", "Premium materials"] },
|
||||
{ id: "f3", label: "03", title: "Service", items: ["Personalized styling", "Fast shipping", "Dedicated support"] },
|
||||
]}
|
||||
title="Our Standards"
|
||||
description="Why Prestige Store remains the preferred destination for luxury shopping."
|
||||
@@ -214,27 +112,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Global presence",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-sitting-white-decorative-brick-bench-with-strawberry-milkshake-her_181624-3570.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10k+",
|
||||
title: "Happy Clients",
|
||||
description: "Curated experiences",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-tumbler-with-copy-space_23-2149029271.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
title: "Unique Items",
|
||||
description: "Premium selections",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-outdoors-with-stylish-dress-sunglasses_23-2149548575.jpg",
|
||||
},
|
||||
{ id: "m1", value: "15+", title: "Years Experience", description: "Global presence", imageSrc: "http://img.b2bpic.net/free-photo/female-sitting-white-decorative-brick-bench-with-strawberry-milkshake-her_181624-3570.jpg" },
|
||||
{ id: "m2", value: "10k+", title: "Happy Clients", description: "Curated experiences", imageSrc: "http://img.b2bpic.net/free-photo/assortment-tumbler-with-copy-space_23-2149029271.jpg" },
|
||||
{ id: "m3", value: "500+", title: "Unique Items", description: "Premium selections", imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-outdoors-with-stylish-dress-sunglasses_23-2149548575.jpg" },
|
||||
]}
|
||||
title="Achievements"
|
||||
description="Excellence in retail through numbers."
|
||||
@@ -247,41 +127,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elizabeth R.",
|
||||
handle: "@eliz_r",
|
||||
testimonial: "Exceptional service and rare finds.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Julian S.",
|
||||
handle: "@julian_s",
|
||||
testimonial: "The best shopping experience I've had.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marcus W.",
|
||||
handle: "@m_w_style",
|
||||
testimonial: "True prestige in every purchase.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Victoria H.",
|
||||
handle: "@v_h_design",
|
||||
testimonial: "Quality that exceeds expectations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-smiling-woman_93675-133805.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Arthur G.",
|
||||
handle: "@art_g",
|
||||
testimonial: "My go-to for luxury essentials.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Elizabeth R.", handle: "@eliz_r", testimonial: "Exceptional service and rare finds.", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg" },
|
||||
{ id: "t2", name: "Julian S.", handle: "@julian_s", testimonial: "The best shopping experience I've had.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg" },
|
||||
{ id: "t3", name: "Marcus W.", handle: "@m_w_style", testimonial: "True prestige in every purchase.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg" },
|
||||
{ id: "t4", name: "Victoria H.", handle: "@v_h_design", testimonial: "Quality that exceeds expectations.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-smiling-woman_93675-133805.jpg" },
|
||||
{ id: "t5", name: "Arthur G.", handle: "@art_g", testimonial: "My go-to for luxury essentials.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg" },
|
||||
]}
|
||||
title="Voices of Elegance"
|
||||
description="Hear what our distinguished clients say about us."
|
||||
@@ -291,18 +141,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Inquire"
|
||||
title="Concierge Service"
|
||||
description="Have specific requests? Our concierge is here to assist you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -312,29 +155,15 @@ export default function LandingPage() {
|
||||
logoText="Prestige Store"
|
||||
columns={[
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Collection",
|
||||
href: "#products",
|
||||
},
|
||||
title: "Store", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Collection", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -343,4 +172,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user