Merge version_1 into main #3
@@ -2,15 +2,13 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import { Palette, Sparkles } from "lucide-react";
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { Gem } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
@@ -25,223 +23,108 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
href: "/faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Elegance Hair Co."
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/shop",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Shop", id: "/shop"},
|
||||
{
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "FAQ", id: "/faq"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Elegance Hair Co."
|
||||
button={{
|
||||
text: "Shop Now", href: "/shop"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-intro" data-section="about-intro">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Journey to Elegance"
|
||||
description="Elegance Hair Co. was founded on the principle that every woman deserves to experience beauty and confidence through luxurious, high-quality hair. We believe a perfect wig isn't just an accessory; it's an extension of your unique style and personality."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Unrivaled Quality",
|
||||
description: "We meticulously select only the finest human hair and premium synthetic fibers, ensuring durability, natural look, and exquisite feel.",
|
||||
icon: Gem,
|
||||
},
|
||||
{
|
||||
title: "Artisan Craftsmanship",
|
||||
description: "Each wig is handcrafted by skilled artisans with decades of experience, employing traditional techniques blended with modern innovation.",
|
||||
icon: Palette,
|
||||
},
|
||||
{
|
||||
title: "Empowering Confidence",
|
||||
description: "Our mission is to empower women to look and feel their absolute best, providing versatile styles that inspire self-expression and grace.",
|
||||
icon: Sparkles,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-posing-outdoors_23-2148926748.jpg?_wi=3"
|
||||
imageAlt="close-up wig making process craftsmanship"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="Craftsmanship & Elegance"
|
||||
description="At Elegance Hair Co., we believe in empowering women through luxurious hair solutions. Our collection features meticulously designed wigs and attachments, ensuring a flawless look and feel for every occasion."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Superior Quality", description: "Each wig is crafted with the finest human hair or premium synthetic fibers for a natural look and exceptional durability.", icon: Gem},
|
||||
{
|
||||
title: "Natural Appearance", description: "Designed for seamless blending, our wigs offer an undetectable hairline and a lightweight, comfortable fit."},
|
||||
{
|
||||
title: "Versatile Styling", description: "Enjoy the freedom to style your hairpiece just like your natural hair, from sleek straight to bouncy curls."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-posing-outdoors_23-2148926748.jpg"
|
||||
imageAlt="Close-up of wig making process"
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
ariaLabel="About us section detailing craftsmanship"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-metrics" data-section="about-metrics">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Hair Perfection"
|
||||
description="For years, Elegance Hair Co. has been dedicated to setting new standards in premium hair solutions. Our commitment to excellence is reflected in every product and every happy client."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Years of Expertise",
|
||||
},
|
||||
{
|
||||
value: "5000+",
|
||||
title: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Ethical Sourcing",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-beautiful-caucasian-blonde-woman-fashion-gold-body_149155-4501.jpg?_wi=2"
|
||||
imageAlt="luxurious female model wearing elegant black wig studio"
|
||||
mediaAnimation="opacity"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Trusted by Luxury Enthusiasts"
|
||||
description="As featured in leading fashion publications and adored by a discerning clientele worldwide, Elegance Hair Co. sets the standard for premium hair. "
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-photo/black-white-flamenca-dancer-looking-hands_23-2148235436.jpg", "http://img.b2bpic.net/free-vector/vintage-boutique-logo_1057-438.jpg", "http://img.b2bpic.net/free-photo/charming-lady-velvet-outfit-holds-martini-glass_197531-15680.jpg", "http://img.b2bpic.net/free-vector/logos-collection-with-vintage-luxury-style_23-2147842742.jpg", "http://img.b2bpic.net/free-vector/elegant-logos-collection_1198-320.jpg", "http://img.b2bpic.net/free-vector/cute-yoga-center-logos-pack-lineal-style_23-2147541336.jpg", "http://img.b2bpic.net/free-vector/flat-design-science-labels-badges_23-2149166791.jpg"
|
||||
]}
|
||||
names={[]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
ariaLabel="Social proof section with media mentions"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-team" data-section="about-team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elara Vance",
|
||||
role: "Founder & Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-perfect-long-hair_1157-26804.jpg",
|
||||
imageAlt: "Elara Vance, Founder",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Thorne",
|
||||
role: "Head of Product Development",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-isolated_23-2148118334.jpg",
|
||||
imageAlt: "Marcus Thorne, Head of Product Development",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Seraphina Lee",
|
||||
role: "Lead Wig Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-african-american-woman-isolated-purple-wall_176420-1361.jpg",
|
||||
imageAlt: "Seraphina Lee, Lead Wig Stylist",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julianna Reed",
|
||||
role: "Customer Experience Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-pink-background_149155-2354.jpg",
|
||||
imageAlt: "Julianna Reed, Customer Experience Lead",
|
||||
},
|
||||
]}
|
||||
title="Meet the Visionaries Behind Elegance"
|
||||
description="Our team is a collective of passionate experts, from master stylists to innovative designers, all united by a shared dedication to beauty and quality."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-social" data-section="about-social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-photo/black-white-flamenca-dancer-looking-hands_23-2148235436.jpg",
|
||||
"http://img.b2bpic.net/free-vector/vintage-boutique-logo_1057-438.jpg",
|
||||
"http://img.b2bpic.net/free-photo/charming-lady-velvet-outfit-holds-martini-glass_197531-15680.jpg",
|
||||
"http://img.b2bpic.net/free-vector/logos-collection-with-vintage-luxury-style_23-2147842742.jpg",
|
||||
"http://img.b2bpic.net/free-vector/elegant-logos-collection_1198-320.jpg",
|
||||
"http://img.b2bpic.net/free-vector/cute-yoga-center-logos-pack-lineal-style_23-2147541336.jpg",
|
||||
"http://img.b2bpic.net/free-vector/flat-design-science-labels-badges_23-2149166791.jpg",
|
||||
]}
|
||||
title="As Seen In"
|
||||
description="Elegance Hair Co. has been recognized and featured by leading voices in the fashion and beauty industry."
|
||||
speed={50}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-footer" data-section="about-footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Wigs",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "Attachments",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "Accessories",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "/shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Our Craft",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Customer Reviews",
|
||||
href: "/shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Shipping & Returns",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Care Guide",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Elegance Hair Co. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Wigs", href: "/shop"},
|
||||
{
|
||||
label: "Human Hair", href: "/shop#human-hair"},
|
||||
{
|
||||
label: "Synthetic Wigs", href: "/shop#synthetic-wigs"},
|
||||
{
|
||||
label: "Hair Extensions", href: "/shop#extensions"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Our Craft", href: "/about#craft"},
|
||||
{
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ", href: "/faq"},
|
||||
{
|
||||
label: "Shipping Info", href: "/faq#shipping"},
|
||||
{
|
||||
label: "Return Policy", href: "/faq#return-policy"},
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Elegance Hair Co. All rights reserved."
|
||||
bottomRightText="Crafting Beauty, Inspiring Confidence."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user