Merge version_1 into main #2
@@ -7,108 +7,36 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "/collections",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Fashion Artist"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-body" data-section="about-body">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="About the Designer"
|
||||
description={[
|
||||
"With over a decade of experience in couture, my design philosophy focuses on the intersection of avant-garde artistic expression and practical, sustainable luxury. Each garment is handcrafted to embody a unique narrative.",
|
||||
"I work with global artisans to source ethical, high-quality materials that align with a commitment to long-term fashion stewardship. My work has been featured in major international style publications.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Meet Our Team"
|
||||
description="The creative minds behind Fashion Artist."
|
||||
team={[
|
||||
{
|
||||
id: "tm1",
|
||||
name: "Jane Designer",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-standing-office_1303-22654.jpg",
|
||||
},
|
||||
{
|
||||
id: "tm2",
|
||||
name: "John Master",
|
||||
role: "Head Atelier",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-late-office_1303-27094.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Collections",
|
||||
href: "/collections",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="FASHION ARTIST"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Collections", id: "/collections" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Fashion Artist"
|
||||
/>
|
||||
</div>
|
||||
<div id="about-body" data-section="about-body">
|
||||
<TextSplitAbout useInvertedBackground={false} title="About the Designer" description={["With over a decade of experience in couture, my design philosophy focuses on the intersection of avant-garde artistic expression and practical, sustainable luxury. Each garment is handcrafted to embody a unique narrative.", "I work with global artisans to source ethical, high-quality materials that align with a commitment to long-term fashion stewardship. My work has been featured in major international style publications."]} />
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive animationType="slide-up" textboxLayout="default" useInvertedBackground={false} title="Meet Our Team" description="The creative minds behind Fashion Artist." team={[{ id: "tm1", name: "Jane Designer", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-standing-office_1303-22654.jpg" }, { id: "tm2", name: "John Master", role: "Head Atelier", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-late-office_1303-27094.jpg" }]} />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis columns={[{ items: [{ label: "Collections", href: "/collections" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }, { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]} logoText="FASHION ARTIST" />
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -7,126 +7,36 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function CollectionsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "/collections",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Fashion Artist"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="collections-body" data-section="collections-body">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "c1",
|
||||
name: "Spring/Summer Avant-Garde",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-gorgeous-girl-lace-dress-bending-backward_7502-9033.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
name: "Autumn/Winter Sustainable Luxury",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-woman-wearing-stylish-fedora-hat_23-2150711559.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
name: "Artisan Capsule Collection",
|
||||
price: "View Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-blackboard_329181-18092.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="All Collections"
|
||||
description="Explore our full range of designs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Quality Standards"
|
||||
description="Our commitment to excellence in every stitch."
|
||||
metrics={[
|
||||
{
|
||||
id: "q1",
|
||||
value: "100+",
|
||||
description: "Unique Designs",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
value: "50+",
|
||||
description: "Sustainable Materials",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Collections",
|
||||
href: "/collections",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="FASHION ARTIST"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Collections", id: "/collections" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Fashion Artist"
|
||||
/>
|
||||
</div>
|
||||
<div id="collections-body" data-section="collections-body">
|
||||
<ProductCardOne animationType="slide-up" textboxLayout="default" gridVariant="bento-grid" useInvertedBackground={false} products={[{ id: "c1", name: "Spring/Summer Avant-Garde", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/side-view-gorgeous-girl-lace-dress-bending-backward_7502-9033.jpg" }, { id: "c2", name: "Autumn/Winter Sustainable Luxury", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/view-woman-wearing-stylish-fedora-hat_23-2150711559.jpg" }, { id: "c3", name: "Artisan Capsule Collection", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-blackboard_329181-18092.jpg" }]} title="All Collections" description="Explore our full range of designs." />
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardTwo animationType="slide-up" textboxLayout="default" gridVariant="uniform-all-items-equal" useInvertedBackground={false} title="Quality Standards" description="Our commitment to excellence in every stitch." metrics={[{ id: "q1", value: "100+", description: "Unique Designs" }, { id: "q2", value: "50+", description: "Sustainable Materials" }]} />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis columns={[{ items: [{ label: "Collections", href: "/collections" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }, { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]} logoText="FASHION ARTIST" />
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -8,118 +8,36 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import { Mail } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "/collections",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Fashion Artist"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-body" data-section="contact-body">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept commissions?",
|
||||
content: "Yes, please reach out via email to discuss custom design projects.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are your materials sustainable?",
|
||||
content: "Absolutely. I am deeply committed to sustainable sourcing and ethical labor practices.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I stock your collection?",
|
||||
content: "Boutique owners are welcome to enquire about wholesale and retail partnerships.",
|
||||
},
|
||||
]}
|
||||
ctaTitle="Get in Touch"
|
||||
ctaDescription="Let's collaborate or discuss a commission."
|
||||
ctaButton={{
|
||||
text: "Email Us",
|
||||
href: "mailto:hello@fashionartist.com",
|
||||
}}
|
||||
ctaIcon={Mail}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Corporate Partners"
|
||||
description="Working with global leaders in sustainable retail."
|
||||
names={[
|
||||
"Eco-Retail Group",
|
||||
"Luxury Sustainable Collective",
|
||||
"Artisan Alliance",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Collections",
|
||||
href: "/collections",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="FASHION ARTIST"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Collections", id: "/collections" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Fashion Artist"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-body" data-section="contact-body">
|
||||
<ContactFaq animationType="slide-up" useInvertedBackground={false} faqs={[{ id: "f1", title: "Do you accept commissions?", content: "Yes, please reach out via email to discuss custom design projects." }, { id: "f2", title: "Are your materials sustainable?", content: "Absolutely. I am deeply committed to sustainable sourcing and ethical labor practices." }, { id: "f3", title: "Can I stock your collection?", content: "Boutique owners are welcome to enquire about wholesale and retail partnerships." }]} ctaTitle="Get in Touch" ctaDescription="Let's collaborate or discuss a commission." ctaButton={{ text: "Email Us", href: "mailto:hello@fashionartist.com" }} ctaIcon={Mail} />
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne textboxLayout="default" useInvertedBackground={false} title="Corporate Partners" description="Working with global leaders in sustainable retail." names={["Eco-Retail Group", "Luxury Sustainable Collective", "Artisan Alliance"]} />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis columns={[{ items: [{ label: "Collections", href: "/collections" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }, { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]} logoText="FASHION ARTIST" />
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
270
src/app/page.tsx
270
src/app/page.tsx
@@ -16,247 +16,39 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "/collections",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Fashion Artist"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="FASHION ARTIST"
|
||||
description="Wearable Art, Designed to Transform. Explore bold, handcrafted collections that blend avantgarde vision with sustainable luxury. Each piece tells a story."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Collections",
|
||||
href: "/collections",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-stylish-sexy-smiling-beautiful-young-blond-woman-model-summer-black-hipster-clothes-street_158538-3014.jpg?_wi=1",
|
||||
imageAlt: "Collection 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-moodboard-template_23-2150335536.jpg?_wi=1",
|
||||
imageAlt: "Collection 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-hipster-woman-trendy-summer-black-dress-sexy-carefree-woman-posing-near-wall-brunette-model-with-makeup-hairstyle_158538-1764.jpg?_wi=1",
|
||||
imageAlt: "Collection 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-bags_23-2149704512.jpg?_wi=1",
|
||||
imageAlt: "Collection 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-indian-woman-wear-formal-posing-cafe_627829-4625.jpg?_wi=1",
|
||||
imageAlt: "Collection 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-business-suit_1303-17715.jpg",
|
||||
imageAlt: "Collection 6",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product-home" data-section="product-home">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Avant-Garde Silhouette",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-gorgeous-girl-lace-dress-bending-backward_7502-9033.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Sustainable Luxury Coat",
|
||||
price: "$2,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-woman-wearing-stylish-fedora-hat_23-2150711559.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Artisan Evening Gown",
|
||||
price: "$3,800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-blackboard_329181-18092.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="Signature Pieces"
|
||||
description="A curated selection of our most iconic designs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial-home" data-section="testimonial-home">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena Rossi",
|
||||
date: "Oct 2023",
|
||||
title: "Editor-in-Chief",
|
||||
quote: "The most evocative design work I've seen in years.",
|
||||
tag: "Press",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-standing-office_1303-22654.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-stylish-sexy-smiling-beautiful-young-blond-woman-model-summer-black-hipster-clothes-street_158538-3014.jpg?_wi=2",
|
||||
imageAlt: "luxury fashion editorial photography minimalist background",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Thorne",
|
||||
date: "Aug 2023",
|
||||
title: "Boutique Owner",
|
||||
quote: "Our customers are obsessed with these handcrafted pieces.",
|
||||
tag: "Retail",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-working-late-office_1303-27094.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-moodboard-template_23-2150335536.jpg?_wi=2",
|
||||
imageAlt: "modern fashion creative process sketching workshop",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sofia Chen",
|
||||
date: "June 2023",
|
||||
title: "Fashion Journalist",
|
||||
quote: "A masterclass in sustainable, wearable art.",
|
||||
tag: "Press",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/surprised-woman-white-shirt-taking-selfie_197531-24034.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-hipster-woman-trendy-summer-black-dress-sexy-carefree-woman-posing-near-wall-brunette-model-with-makeup-hairstyle_158538-1764.jpg?_wi=2",
|
||||
imageAlt: "sustainable luxury fashion collection indoor studio",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Julian Vance",
|
||||
date: "March 2023",
|
||||
title: "Creative Consultant",
|
||||
quote: "Unparalleled craftsmanship and vision.",
|
||||
tag: "Curation",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-projector-side-view_23-2149424949.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-bags_23-2149704512.jpg?_wi=2",
|
||||
imageAlt: "fashion exhibition design minimalism artistic layout",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sarah Jenkins",
|
||||
date: "Jan 2024",
|
||||
title: "Lead Stylist",
|
||||
quote: "Simply breathtaking attention to detail.",
|
||||
tag: "Industry",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-projector-side-view_23-2149424949.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-indian-woman-wear-formal-posing-cafe_627829-4625.jpg?_wi=2",
|
||||
imageAlt: "fashion artist working on fabric couture atelier",
|
||||
},
|
||||
]}
|
||||
title="Industry Recognition"
|
||||
description="Insights from peers and industry leaders."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
description="Measuring our commitment to quality and sustainability."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Collections Released",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
description: "Ethical Sourced",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5k+",
|
||||
description: "Satisfied Clients",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="As Seen In"
|
||||
description="Featured in leading fashion publications globally."
|
||||
names={[
|
||||
"Vogue",
|
||||
"Harper's Bazaar",
|
||||
"ELLE",
|
||||
"WWD",
|
||||
"Marie Claire",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Collections",
|
||||
href: "/collections",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="FASHION ARTIST"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Collections", id: "/collections" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Fashion Artist"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo logoText="FASHION ARTIST" description="Wearable Art, Designed to Transform. Explore bold, handcrafted collections that blend avantgarde vision with sustainable luxury. Each piece tells a story." buttons={[{ text: "View Collections", href: "/collections" }]} slides={[{ imageSrc: "http://img.b2bpic.net/free-photo/funny-stylish-sexy-smiling-beautiful-young-blond-woman-model-summer-black-hipster-clothes-street_158538-3014.jpg", imageAlt: "Collection 1" }, { imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-moodboard-template_23-2150335536.jpg", imageAlt: "Collection 2" }, { imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-hipster-woman-trendy-summer-black-dress-sexy-carefree-woman-posing-near-wall-brunette-model-with-makeup-hairstyle_158538-1764.jpg", imageAlt: "Collection 3" }, { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-bags_23-2149704512.jpg", imageAlt: "Collection 4" }, { imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-indian-woman-wear-formal-posing-cafe_627829-4625.jpg", imageAlt: "Collection 5" }, { imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-business-suit_1303-17715.jpg", imageAlt: "Collection 6" }]} />
|
||||
</div>
|
||||
<div id="product-home" data-section="product-home">
|
||||
<ProductCardOne animationType="slide-up" textboxLayout="default" gridVariant="three-columns-all-equal-width" useInvertedBackground={false} products={[{ id: "p1", name: "Avant-Garde Silhouette", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/side-view-gorgeous-girl-lace-dress-bending-backward_7502-9033.jpg" }, { id: "p2", name: "Sustainable Luxury Coat", price: "$2,500", imageSrc: "http://img.b2bpic.net/free-photo/view-woman-wearing-stylish-fedora-hat_23-2150711559.jpg" }, { id: "p3", name: "Artisan Evening Gown", price: "$3,800", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-blackboard_329181-18092.jpg" }]} title="Signature Pieces" description="A curated selection of our most iconic designs." />
|
||||
</div>
|
||||
<div id="testimonial-home" data-section="testimonial-home">
|
||||
<TestimonialCardFive textboxLayout="default" useInvertedBackground={false} testimonials={[{ id: "t1", name: "Elena Rossi", date: "Oct 2023", title: "Editor-in-Chief", quote: "The most evocative design work I've seen in years.", tag: "Press", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-standing-office_1303-22654.jpg", imageSrc: "http://img.b2bpic.net/free-photo/funny-stylish-sexy-smiling-beautiful-young-blond-woman-model-summer-black-hipster-clothes-street_158538-3014.jpg", imageAlt: "luxury fashion editorial photography minimalist background" }, { id: "t2", name: "Marcus Thorne", date: "Aug 2023", title: "Boutique Owner", quote: "Our customers are obsessed with these handcrafted pieces.", tag: "Retail", avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-working-late-office_1303-27094.jpg", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-moodboard-template_23-2150335536.jpg", imageAlt: "modern fashion creative process sketching workshop" }, { id: "t3", name: "Sofia Chen", date: "June 2023", title: "Fashion Journalist", quote: "A masterclass in sustainable, wearable art.", tag: "Press", avatarSrc: "http://img.b2bpic.net/free-photo/surprised-woman-white-shirt-taking-selfie_197531-24034.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-hipster-woman-trendy-summer-black-dress-sexy-carefree-woman-posing-near-wall-brunette-model-with-makeup-hairstyle_158538-1764.jpg", imageAlt: "sustainable luxury fashion collection indoor studio" }, { id: "t4", name: "Julian Vance", date: "March 2023", title: "Creative Consultant", quote: "Unparalleled craftsmanship and vision.", tag: "Curation", avatarSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-projector-side-view_23-2149424949.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-bags_23-2149704512.jpg", imageAlt: "fashion exhibition design minimalism artistic layout" }, { id: "t5", name: "Sarah Jenkins", date: "Jan 2024", title: "Lead Stylist", quote: "Simply breathtaking attention to detail.", tag: "Industry", avatarSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-projector-side-view_23-2149424949.jpg", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-indian-woman-wear-formal-posing-cafe_627829-4625.jpg", imageAlt: "fashion artist working on fabric couture atelier" }]} title="Industry Recognition" description="Insights from peers and industry leaders." />
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardTwo animationType="slide-up" textboxLayout="default" gridVariant="uniform-all-items-equal" useInvertedBackground={false} title="Our Impact" description="Measuring our commitment to quality and sustainability." metrics={[{ id: "m1", value: "15+", description: "Collections Released" }, { id: "m2", value: "100%", description: "Ethical Sourced" }, { id: "m3", value: "5k+", description: "Satisfied Clients" }]} />
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne textboxLayout="default" useInvertedBackground={false} title="As Seen In" description="Featured in leading fashion publications globally." names={["Vogue", "Harper's Bazaar", "ELLE", "WWD", "Marie Claire"]} />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis columns={[{ items: [{ label: "Collections", href: "/collections" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }, { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]} logoText="FASHION ARTIST" />
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user