Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
239
src/app/page.tsx
239
src/app/page.tsx
@@ -32,17 +32,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Shop", id: "#products"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Our Story", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Luxe & Silk"
|
||||
/>
|
||||
@@ -54,39 +48,17 @@ export default function LandingPage() {
|
||||
description="Where luxury skincare meets timeless female elegance. Discover our exclusive curated collections."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Fashion",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Fashion", href: "#products"},
|
||||
{
|
||||
text: "Shop Skincare",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Skincare", href: "#products"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576841.jpg",
|
||||
imageAlt: "silk dress fashion photography",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-plant-serum_23-2148899423.jpg",
|
||||
imageAlt: "luxury skincare serum bottle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-modern-rococo-style_23-2151916447.jpg",
|
||||
imageAlt: "silk dress fashion photography",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-concept-with-container-high-angle_23-2149030366.jpg",
|
||||
imageAlt: "luxury skincare serum bottle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-wearing-shapewear_23-2149956265.jpg",
|
||||
imageAlt: "silk dress fashion photography",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-metallic-cosmetic-bottle-with-pump_187299-47646.jpg",
|
||||
imageAlt: "luxury skincare serum bottle",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576841.jpg", imageAlt: "silk dress fashion photography" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-plant-serum_23-2148899423.jpg", imageAlt: "luxury skincare serum bottle" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fashionable-modern-rococo-style_23-2151916447.jpg", imageAlt: "silk dress fashion photography" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/make-up-concept-with-container-high-angle_23-2149030366.jpg", imageAlt: "luxury skincare serum bottle" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-wearing-shapewear_23-2149956265.jpg", imageAlt: "silk dress fashion photography" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-metallic-cosmetic-bottle-with-pump_187299-47646.jpg", imageAlt: "luxury skincare serum bottle" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -96,31 +68,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Uncompromised Quality"
|
||||
metrics={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Ethically Sourced",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years of Excellence",
|
||||
value: "12+",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Organic Certified",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Botanical Purity",
|
||||
value: "99%",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Quality Assured",
|
||||
value: "100%",
|
||||
},
|
||||
{ icon: Sparkles, label: "Ethically Sourced", value: "100%" },
|
||||
{ icon: Award, label: "Years of Excellence", value: "12+" },
|
||||
{ icon: Shield, label: "Organic Certified", value: "100%" },
|
||||
{ icon: Leaf, label: "Botanical Purity", value: "99%" },
|
||||
{ icon: CheckCircle, label: "Quality Assured", value: "100%" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -132,23 +84,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Botanical Serums",
|
||||
description: "Derived from rare, earth-friendly botanicals for radiance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-products-recipients-arrangement-beige-stones_23-2148761388.jpg",
|
||||
imageAlt: "luxury facial cream product",
|
||||
},
|
||||
title: "Botanical Serums", description: "Derived from rare, earth-friendly botanicals for radiance.", imageSrc: "http://img.b2bpic.net/free-photo/beauty-products-recipients-arrangement-beige-stones_23-2148761388.jpg", imageAlt: "luxury facial cream product"},
|
||||
{
|
||||
title: "Pure Silk Comfort",
|
||||
description: "Hand-stitched silk garments for ultimate everyday luxury.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clean-bathrobe-bed_1232-3420.jpg",
|
||||
imageAlt: "silk scarf product luxury",
|
||||
},
|
||||
title: "Pure Silk Comfort", description: "Hand-stitched silk garments for ultimate everyday luxury.", imageSrc: "http://img.b2bpic.net/free-photo/clean-bathrobe-bed_1232-3420.jpg", imageAlt: "silk scarf product luxury"},
|
||||
{
|
||||
title: "Radiance Promise",
|
||||
description: "Guaranteed results that enhance your natural glow.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-serum-bottle-hand-orange-background_185193-162127.jpg",
|
||||
imageAlt: "facial oil glass bottle",
|
||||
},
|
||||
title: "Radiance Promise", description: "Guaranteed results that enhance your natural glow.", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-serum-bottle-hand-orange-background_185193-162127.jpg", imageAlt: "facial oil glass bottle"},
|
||||
]}
|
||||
title="The Art of Living"
|
||||
description="Our curated approach to modern elegance is defined by superior ingredients and impeccable fabric standards."
|
||||
@@ -162,42 +102,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Silk Scarf",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sophisticated-arrangement-tea-party-elements_23-2149045862.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Radiance Serum",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721381.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Beauty Brushes",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-makeup-brushes-white-background_53876-47141.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Silk Headband",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-beautiful-girl-expressing-good-emotions-curly-attractive-woman-with-red-ribbon-smiling_197531-9763.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Glow Oil",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047771.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Classic Clutch",
|
||||
price: "$295",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetic-tiles-with-women-s-bag_23-2150916683.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Silk Scarf", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/sophisticated-arrangement-tea-party-elements_23-2149045862.jpg" },
|
||||
{ id: "p2", name: "Radiance Serum", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721381.jpg" },
|
||||
{ id: "p3", name: "Beauty Brushes", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/closeup-makeup-brushes-white-background_53876-47141.jpg" },
|
||||
{ id: "p4", name: "Silk Headband", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/positive-beautiful-girl-expressing-good-emotions-curly-attractive-woman-with-red-ribbon-smiling_197531-9763.jpg" },
|
||||
{ id: "p5", name: "Glow Oil", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047771.jpg" },
|
||||
{ id: "p6", name: "Classic Clutch", price: "$295", imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetic-tiles-with-women-s-bag_23-2150916683.jpg" }
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="Indulge in our selection of high-performance beauty and sophisticated fashion."
|
||||
@@ -208,33 +118,14 @@ export default function LandingPage() {
|
||||
<MetricCardTwo
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15K+",
|
||||
description: "Happy Customers Worldwide",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.9/5",
|
||||
description: "Average Customer Rating",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Client Retention Rate",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "20+",
|
||||
description: "Global Awards",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "5M+",
|
||||
description: "Products Sold",
|
||||
},
|
||||
{ id: "m1", value: "15K+", description: "Happy Customers Worldwide" },
|
||||
{ id: "m2", value: "4.9/5", description: "Average Customer Rating" },
|
||||
{ id: "m3", value: "98%", description: "Client Retention Rate" },
|
||||
{ id: "m4", value: "20+", description: "Global Awards" },
|
||||
{ id: "m5", value: "5M+", description: "Products Sold" }
|
||||
]}
|
||||
title="Proven Impact"
|
||||
description="Numbers speak to our commitment to quality and elegance."
|
||||
@@ -245,31 +136,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sophie M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-enjoing-tropical-vacations-thailand-wearing-white-blouse-posing-palmtrees_273443-4988.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pale-cute-woman-sending-air-kiss-while-posing-dressing-room_197531-7166.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Chloe B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-blondy-woman-looking-camera_633478-305.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Aria J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-near-tree_1157-15538.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Maya K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-young-woman-with-curly-hairstyle-wearing-red-dress-looking-silly-tender-thing-admire-s_1258-174555.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sophie M.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-enjoing-tropical-vacations-thailand-wearing-white-blouse-posing-palmtrees_273443-4988.jpg" },
|
||||
{ id: "t2", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/pale-cute-woman-sending-air-kiss-while-posing-dressing-room_197531-7166.jpg" },
|
||||
{ id: "t3", name: "Chloe B.", imageSrc: "http://img.b2bpic.net/free-photo/beauty-blondy-woman-looking-camera_633478-305.jpg" },
|
||||
{ id: "t4", name: "Aria J.", imageSrc: "http://img.b2bpic.net/free-photo/girl-near-tree_1157-15538.jpg" },
|
||||
{ id: "t5", name: "Maya K.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-young-woman-with-curly-hairstyle-wearing-red-dress-looking-silly-tender-thing-admire-s_1258-174555.jpg" }
|
||||
]}
|
||||
cardTitle="Loved by Many"
|
||||
cardAnimation="slide-up"
|
||||
@@ -283,16 +154,8 @@ export default function LandingPage() {
|
||||
title="Join Our Circle"
|
||||
description="Receive exclusive early access to new collections and skincare secrets."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dried-gypsophila-flowers-macro-shot_53876-101429.jpg"
|
||||
/>
|
||||
@@ -302,29 +165,15 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#" },
|
||||
{ label: "Shipping", href: "#" }
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user