Merge version_1 into main #1
273
src/app/page.tsx
273
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Award, Shield, Users } from "lucide-react";
|
||||
import { Award, Shield, Users, Zap, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
]}
|
||||
brandName="Ethereal Wear"
|
||||
/>
|
||||
@@ -55,48 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Timeless Elegance for Modern Living"
|
||||
description="Discover our collection of curated essentials designed for the sophisticated individual. Experience luxury in every detail."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop Collection", href: "#products" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-leaning-against-canvas-backdrop_171337-16470.jpg",
|
||||
imageAlt: "Fashion Model",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-window-elegant-waistcoat-new-feminity-concept_23-2148951061.jpg",
|
||||
imageAlt: "Sophisticated Outfit",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275093.jpg",
|
||||
imageAlt: "Boutique Display",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020778.jpg",
|
||||
imageAlt: "Chic Streetwear",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-satin-blue-curled-ribbon_23-2147877846.jpg",
|
||||
imageAlt: "Design Apparel",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-black-african-american-man-green-velvet-jacket-black-hat-coat-cloak-his-shoulders-walking-streets-city-background-house-with-many-windows_627829-3542.jpg",
|
||||
imageAlt: "Classic Style",
|
||||
},
|
||||
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-leaning-against-canvas-backdrop_171337-16470.jpg", imageAlt: "Fashion Model" },
|
||||
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-window-elegant-waistcoat-new-feminity-concept_23-2148951061.jpg", imageAlt: "Sophisticated Outfit" },
|
||||
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275093.jpg", imageAlt: "Boutique Display" },
|
||||
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020778.jpg", imageAlt: "Chic Streetwear" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-satin-blue-curled-ribbon_23-2147877846.jpg", imageAlt: "Design Apparel" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-black-african-american-man-green-velvet-jacket-black-hat-coat-cloak-his-shoulders-walking-streets-city-background-house-with-many-windows_627829-3542.jpg", imageAlt: "Classic Style" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,21 +63,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Our Craftsmanship"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Active",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Clients",
|
||||
value: "10k+",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Sustainable Sourcing",
|
||||
value: "100%",
|
||||
},
|
||||
{ icon: Award, label: "Years Active", value: "15+" },
|
||||
{ icon: Users, label: "Happy Clients", value: "10k+" },
|
||||
{ icon: Shield, label: "Sustainable Sourcing", value: "100%" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -133,42 +78,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Linen Shirt",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830422.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Wool Sweater",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163379.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Silk Blouse",
|
||||
price: "$250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing_1303-3781.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cotton Trousers",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photogenic-young-man-leaning-against-wall_23-2148316610.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cashmere Scarf",
|
||||
price: "$90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176111.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Tailored Blazer",
|
||||
price: "$320",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478959.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Linen Shirt", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830422.jpg" },
|
||||
{ id: "p2", name: "Wool Sweater", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163379.jpg" },
|
||||
{ id: "p3", name: "Silk Blouse", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing_1303-3781.jpg" },
|
||||
{ id: "p4", name: "Cotton Trousers", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/photogenic-young-man-leaning-against-wall_23-2148316610.jpg" },
|
||||
{ id: "p5", name: "Cashmere Scarf", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176111.jpg" },
|
||||
{ id: "p6", name: "Tailored Blazer", price: "$320", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478959.jpg" },
|
||||
]}
|
||||
title="Curated Essentials"
|
||||
description="Browse our latest season arrivals."
|
||||
@@ -180,30 +95,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Sustainable Fabrics",
|
||||
description: "Ethically sourced linen, cotton, and wool.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-brown-beige-pants-outdoors-still-life_23-2150756273.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Artisanal Craft",
|
||||
description: "Meticulously stitched by skilled hands.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-beige-checkered-suit-posing-street-background_158538-2622.jpg",
|
||||
buttonIcon: "Award",
|
||||
},
|
||||
{
|
||||
title: "Timeless Aesthetic",
|
||||
description: "Designs that transcend seasonal trends.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-charming-woman-beige-trench-coat_197531-19714.jpg",
|
||||
buttonIcon: "Sparkles",
|
||||
},
|
||||
{
|
||||
title: "Durability Focused",
|
||||
description: "Built to withstand daily wear.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-well-dressed-african-american-man-posing-with-crossed-arms-classic-menswear-store_613910-21800.jpg",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
{ title: "Sustainable Fabrics", description: "Ethically sourced linen, cotton, and wool.", imageSrc: "http://img.b2bpic.net/free-photo/light-brown-beige-pants-outdoors-still-life_23-2150756273.jpg", buttonIcon: Zap },
|
||||
{ title: "Artisanal Craft", description: "Meticulously stitched by skilled hands.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-beige-checkered-suit-posing-street-background_158538-2622.jpg", buttonIcon: Award },
|
||||
{ title: "Timeless Aesthetic", description: "Designs that transcend seasonal trends.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-charming-woman-beige-trench-coat_197531-19714.jpg", buttonIcon: Sparkles },
|
||||
{ title: "Durability Focused", description: "Built to withstand daily wear.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-well-dressed-african-american-man-posing-with-crossed-arms-classic-menswear-store_613910-21800.jpg", buttonIcon: Shield },
|
||||
]}
|
||||
title="The Quality Commitment"
|
||||
description="We source the finest materials to ensure lasting comfort and style."
|
||||
@@ -217,26 +112,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cool-woman-stylish-blouse-holding-sweater-charming-attractive-girl-beige-shirt-pants-widely-smiles-looks-into-camera-apartment_197531-27500.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-blonde-female-black-eyeglasses-chooses-fashionable-clothes-coat-rack_613910-7563.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406003.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-hispanic-customer-man-smiling-happy-holding-credit-card-clothing-store_839833-13935.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-model-posing-with-cloth_23-2149080900.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/cool-woman-stylish-blouse-holding-sweater-charming-attractive-girl-beige-shirt-pants-widely-smiles-looks-into-camera-apartment_197531-27500.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-blonde-female-black-eyeglasses-chooses-fashionable-clothes-coat-rack_613910-7563.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406003.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-hispanic-customer-man-smiling-happy-holding-credit-card-clothing-store_839833-13935.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-model-posing-with-cloth_23-2149080900.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -247,13 +127,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Harper's Bazaar",
|
||||
"Elle",
|
||||
"GQ",
|
||||
"GQ Style",
|
||||
]}
|
||||
names={["Vogue", "Harper's Bazaar", "Elle", "GQ", "GQ Style"]}
|
||||
title="Seen In"
|
||||
description="Our collections featured in leading industry publications."
|
||||
/>
|
||||
@@ -264,31 +138,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is your return policy?",
|
||||
content: "You can return items within 30 days of purchase for a full refund.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship to over 50 countries globally.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "How should I care for linen?",
|
||||
content: "Gentle hand wash in cold water and hang to dry.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Is your cotton organic?",
|
||||
content: "Yes, all our cotton apparel is GOTS-certified organic.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Where can I find your studio?",
|
||||
content: "Our flagship atelier is located in the design district.",
|
||||
},
|
||||
{ id: "1", title: "What is your return policy?", content: "You can return items within 30 days of purchase for a full refund." },
|
||||
{ id: "2", title: "Do you offer international shipping?", content: "Yes, we ship to over 50 countries globally." },
|
||||
{ id: "3", title: "How should I care for linen?", content: "Gentle hand wash in cold water and hang to dry." },
|
||||
{ id: "4", title: "Is your cotton organic?", content: "Yes, all our cotton apparel is GOTS-certified organic." },
|
||||
{ id: "5", title: "Where can I find your studio?", content: "Our flagship atelier is located in the design district." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Answers to our most common customer queries."
|
||||
@@ -299,63 +153,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Let's Connect"
|
||||
title="Inquire About Our Studio"
|
||||
description="Have questions about our process or bespoke orders? Reach out anytime."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Message",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Send Message", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Returns", href: "#" }, { label: "Shipping", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
logoText="Ethereal Wear"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user