Update src/app/page.tsx
This commit is contained in:
157
src/app/page.tsx
157
src/app/page.tsx
@@ -10,6 +10,7 @@ import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
|
||||
@@ -31,14 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Privé"
|
||||
/>
|
||||
@@ -49,8 +47,7 @@ export default function LandingPage() {
|
||||
logoText="Privé Boutique"
|
||||
description="Curated collections for the discerning shopper. Explore our private selection of fine goods."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection", href: "#products"},
|
||||
{ text: "Shop Collection", href: "#products" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portraif-caucasian-woman-romantic-elegant-pink-long-dress-vacation-luxury-rich-villa-hotel-with-amazing-tropical-palm-trees-view-female-classic-white-hat_343596-2049.jpg"
|
||||
/>
|
||||
@@ -60,10 +57,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "Our Legacy"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg", alt: "Boutique interior"},
|
||||
{ type: "text", content: "Our Legacy" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg", alt: "Boutique interior" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -75,24 +70,31 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Silk Scarf", price: "$120", variant: "Midnight", imageSrc: "http://img.b2bpic.net/free-photo/pet-poop-bag-arrangement_23-2148982358.jpg"},
|
||||
{
|
||||
id: "p2", name: "Leather Tote", price: "$450", variant: "Tan", imageSrc: "http://img.b2bpic.net/free-photo/closeup-wallet_53876-32029.jpg"},
|
||||
{
|
||||
id: "p3", name: "Brass Cuff", price: "$85", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/golden-chains-arrangement-high-angle_23-2149836477.jpg"},
|
||||
{
|
||||
id: "p4", name: "Wool Wrap", price: "$290", variant: "Grey", imageSrc: "http://img.b2bpic.net/free-photo/model-touching-her-new-jacket_132075-14010.jpg"},
|
||||
{
|
||||
id: "p5", name: "Ceramic Vase", price: "$65", variant: "White", imageSrc: "http://img.b2bpic.net/free-photo/eucalyptus-white-vase-table_23-2149420689.jpg"},
|
||||
{
|
||||
id: "p6", name: "Candle Set", price: "$45", variant: "Wood", imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646528.jpg"},
|
||||
{ id: "p1", name: "Silk Scarf", price: "$120", variant: "Midnight", imageSrc: "http://img.b2bpic.net/free-photo/pet-poop-bag-arrangement_23-2148982358.jpg" },
|
||||
{ id: "p2", name: "Leather Tote", price: "$450", variant: "Tan", imageSrc: "http://img.b2bpic.net/free-photo/closeup-wallet_53876-32029.jpg" },
|
||||
{ id: "p3", name: "Brass Cuff", price: "$85", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/golden-chains-arrangement-high-angle_23-2149836477.jpg" },
|
||||
{ id: "p4", name: "Wool Wrap", price: "$290", variant: "Grey", imageSrc: "http://img.b2bpic.net/free-photo/model-touching-her-new-jacket_132075-14010.jpg" },
|
||||
]}
|
||||
title="Exclusives"
|
||||
description="Limited availability. Request access to our full catalog."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "tier1", badge: "Starter", price: "$99", subtitle: "Essential access to our curated collections.", features: ["Standard Shipping", "Monthly Newsletter", "Priority Support"] },
|
||||
{ id: "tier2", badge: "Professional", price: "$249", subtitle: "Elevated access with personalized perks.", features: ["Express Shipping", "Personal Stylist", "Early Drop Access"] },
|
||||
{ id: "tier3", badge: "Elite", price: "$499", subtitle: "The full premium experience.", features: ["White-Glove Delivery", "1-on-1 Consultation", "Limited Edition Priority"] },
|
||||
]}
|
||||
title="Pricing Tiers"
|
||||
description="Choose the plan that suits your lifestyle."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
@@ -100,88 +102,23 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Free Shipping", description: "Worldwide on orders over $500.", imageSrc: "http://img.b2bpic.net/free-photo/person-their-job-position_23-2150163596.jpg"},
|
||||
{
|
||||
title: "Personal Styling", description: "Direct consultation with our designers.", imageSrc: "http://img.b2bpic.net/free-photo/personal-shopper-helping-cutomer_23-2148924100.jpg"},
|
||||
{
|
||||
title: "Exclusive Drops", description: "Early access for our private members.", imageSrc: "http://img.b2bpic.net/free-photo/shopping-basket-icon-front-side_187299-40115.jpg"},
|
||||
{ title: "Free Shipping", description: "Worldwide on orders over $500.", imageSrc: "http://img.b2bpic.net/free-photo/person-their-job-position_23-2150163596.jpg" },
|
||||
{ title: "Personal Styling", description: "Direct consultation with our designers.", imageSrc: "http://img.b2bpic.net/free-photo/personal-shopper-helping-cutomer_23-2148924100.jpg" },
|
||||
{ title: "Exclusive Drops", description: "Early access for our private members.", imageSrc: "http://img.b2bpic.net/free-photo/shopping-basket-icon-front-side_187299-40115.jpg" },
|
||||
]}
|
||||
title="Private Perks"
|
||||
description="Why choose our private boutique experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "10k+", title: "Satisfied Members", items: [
|
||||
"Verified", "Global", "Loyal"],
|
||||
},
|
||||
{
|
||||
id: "m2", value: "500+", title: "Curated Items", items: [
|
||||
"Handmade", "High-Quality", "Unique"],
|
||||
},
|
||||
{
|
||||
id: "m3", value: "98%", title: "Retention Rate", items: [
|
||||
"High-Rating", "Trusted", "Repeat"],
|
||||
},
|
||||
]}
|
||||
title="At a Glance"
|
||||
description="Our impact in numbers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Elena V.", role: "Architect", company: "Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg"},
|
||||
{
|
||||
id: "2", name: "Mark D.", role: "Artist", company: "Gallery", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5122.jpg"},
|
||||
{
|
||||
id: "3", name: "Sarah P.", role: "Collector", company: "Private", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-camera-red-background-high-quality-photo_114579-60915.jpg"},
|
||||
{
|
||||
id: "4", name: "John K.", role: "Designer", company: "Urban", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-creative-man_1098-18446.jpg"},
|
||||
{
|
||||
id: "5", name: "Anna L.", role: "Editor", company: "Journal", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyous-photographer-selecting-best-pictures-editorial-content_482257-116558.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100%", label: "Authentic"},
|
||||
{
|
||||
value: "24/7", label: "Support"},
|
||||
{
|
||||
value: "5+", label: "Years"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="What our exclusive members are saying."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "How to join?", content: "Join our newsletter for exclusive invites."},
|
||||
{
|
||||
id: "q2", title: "Returns policy?", content: "Easy returns within 30 days of purchase."},
|
||||
{
|
||||
id: "q3", title: "Gift wrapping?", content: "Complimentary premium gift wrapping included."},
|
||||
{ id: "q1", title: "How to join?", content: "Join our newsletter for exclusive invites." },
|
||||
{ id: "q2", title: "Returns policy?", content: "Easy returns within 30 days of purchase." },
|
||||
{ id: "q3", title: "Gift wrapping?", content: "Complimentary premium gift wrapping included." },
|
||||
]}
|
||||
title="Questions?"
|
||||
description="Everything you need to know about our private shop."
|
||||
@@ -192,8 +129,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Join Us"
|
||||
title="Request Access"
|
||||
description="Get invited to our upcoming collections."
|
||||
@@ -205,24 +141,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Catalog", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "Catalog", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Privé Boutique."
|
||||
bottomRightText="All rights reserved."
|
||||
@@ -231,4 +152,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user