229 lines
12 KiB
TypeScript
229 lines
12 KiB
TypeScript
"use client"
|
|
|
|
import { Award, Sparkles, Star, Users, Zap } from "lucide-react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="large"
|
|
background="circleGradient"
|
|
cardStyle="elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="HAUS"
|
|
navItems={[
|
|
{ name: "Collections", id: "collections" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Haute Couture Reimagined"
|
|
description="Discover exquisite fashion design that blends timeless elegance with contemporary vision. Each collection tells a story of craftsmanship and artistic expression."
|
|
background={{ variant: "glowing-orb" }}
|
|
tag="Premium Collection"
|
|
tagIcon={Sparkles}
|
|
imageSrc="https://img.b2bpic.net/free-psd/flat-design-luxury-men-s-fashion-instagram-stories_23-2150823828.jpg"
|
|
imageAlt="Premium fashion portfolio showcase"
|
|
imagePosition="right"
|
|
buttons={[
|
|
{ text: "Explore Collections", href: "collections" },
|
|
{ text: "Get in Touch", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="About HAUS"
|
|
description={[
|
|
"HAUS is a luxury fashion design studio founded in 2015, dedicated to creating timeless pieces that celebrate individuality and sophisticated elegance.", "Our design philosophy merges traditional tailoring techniques with innovative silhouettes, crafted for the discerning client who values quality and artistry.", "With a focus on sustainable luxury and ethical production, we create collections that transcend seasonal trends and become cherished wardrobe staples."
|
|
]}
|
|
showBorder={true}
|
|
useInvertedBackground="invertDefault"
|
|
buttons={[
|
|
{ text: "View Our Story", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="collections" data-section="collections">
|
|
<ProductCardThree
|
|
title="Featured Collections"
|
|
description="Explore our signature collections showcasing the finest craftsmanship and innovative design."
|
|
tag="Collections"
|
|
tagIcon={Award}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
products={[
|
|
{
|
|
id: "1", name: "Obsidian Elegance", price: "Bespoke", imageSrc: "https://img.b2bpic.net/free-vector/black-fashion-brochure-template_53876-114085.jpg", imageAlt: "Obsidian Elegance collection"
|
|
},
|
|
{
|
|
id: "2", name: "Emerald Dreams", price: "Bespoke", imageSrc: "https://img.b2bpic.net/free-psd/flat-design-luxury-men-s-fashion-facebook-cover_23-2150823868.jpg", imageAlt: "Emerald Dreams collection"
|
|
},
|
|
{
|
|
id: "3", name: "Midnight Serenity", price: "Bespoke", imageSrc: "https://img.b2bpic.net/free-psd/wedding-planner-horizontal-banner-template-with-leaf-shadow-design_23-2149448958.jpg", imageAlt: "Midnight Serenity collection"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNine
|
|
title="Design Innovation"
|
|
description="Experience our design process that combines artistic vision with technical precision"
|
|
tag="Craftsmanship"
|
|
tagIcon={Zap}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
showStepNumbers={true}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Concept Development", description: "Every collection begins with meticulous research and artistic exploration, translating inspiration into sophisticated design sketches.", phoneOne: { imageSrc: "https://img.b2bpic.net/free-psd/luxury-men-s-fashion-template-design_23-2150855874.jpg" },
|
|
phoneTwo: { imageSrc: "https://img.b2bpic.net/free-psd/luxury-men-s-fashion-template-design_23-2150863978.jpg" }
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Sustainable Craftsmanship", description: "We partner with ethical manufacturers to create luxurious pieces using premium fabrics and traditional tailoring techniques.", phoneOne: { imageSrc: "https://img.b2bpic.net/free-psd/luxury-men-s-fashion-template-design_23-2150855874.jpg" },
|
|
phoneTwo: { imageSrc: "https://img.b2bpic.net/free-psd/luxury-men-s-fashion-template-design_23-2150863978.jpg" }
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardSix
|
|
title="Meet Our Team"
|
|
description="Talented designers and craftspeople dedicated to creating exceptional fashion experiences"
|
|
tag="Team"
|
|
tagIcon={Users}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
members={[
|
|
{
|
|
id: "1", name: "Isabella Chen", role: "Creative Director", imageSrc: "https://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241318.jpg", imageAlt: "Isabella Chen, Creative Director"
|
|
},
|
|
{
|
|
id: "2", name: "Marcus Laurent", role: "Head Designer", imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-pretty-woman-sitting-table-trench-coat-working-laptop-co-working-office-wearing-glasses-smiling-happy-positive-workplace_285396-65.jpg", imageAlt: "Marcus Laurent, Head Designer"
|
|
},
|
|
{
|
|
id: "3", name: "Sofia Rossi", role: "Textile Specialist", imageSrc: "https://img.b2bpic.net/free-photo/side-view-woman-holding-tablet_23-2149927578.jpg", imageAlt: "Sofia Rossi, Textile Specialist"
|
|
},
|
|
{
|
|
id: "4", name: "James Morrison", role: "Tailoring Expert", imageSrc: "https://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg", imageAlt: "James Morrison, Tailoring Expert"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="Client Testimonials"
|
|
description="Hear from our valued clients about their HAUS experience"
|
|
tag="Reviews"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="scale-rotate"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Alexandra Sterling", role: "Entrepreneur", company: "Luxury Brands Inc", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-woman-posing-office_23-2149392072.jpg", imageAlt: "Alexandra Sterling"
|
|
},
|
|
{
|
|
id: "2", name: "Victoria Fontaine", role: "Fashion Editor", company: "Elite Style Magazine", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-lovely-woman-fashion-glasses-home_329181-4275.jpg", imageAlt: "Victoria Fontaine"
|
|
},
|
|
{
|
|
id: "3", name: "Margot Leclerc", role: "Creative Director", company: "Parisian Fashion House", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241320.jpg", imageAlt: "Margot Leclerc"
|
|
},
|
|
{
|
|
id: "4", name: "Sophie Beaumont", role: "Style Influencer", company: "Fashion & Lifestyle", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/asian-architect-woman_53876-31462.jpg", imageAlt: "Sophie Beaumont"
|
|
},
|
|
{
|
|
id: "5", name: "Natalie Vincent", role: "Executive", company: "Couture Collective", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg", imageAlt: "Natalie Vincent"
|
|
},
|
|
{
|
|
id: "6", name: "Isabelle Mercier", role: "Gallery Owner", company: "Art & Fashion Gallery", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-cv_23-2149927575.jpg", imageAlt: "Isabelle Mercier"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to bring your vision to life? Let's create something extraordinary together."
|
|
animationType="reveal-blur"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "Start Your Collection", href: "mailto:hello@haus.design" },
|
|
{ text: "Schedule Consultation", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Collections", items: [
|
|
{ label: "Obsidian Elegance", href: "#" },
|
|
{ label: "Emerald Dreams", href: "#" },
|
|
{ label: "Midnight Serenity", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Team", href: "#team" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Sustainability", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2025 HAUS Design Studio. All rights reserved."
|
|
bottomRightText="Crafted with elegance and precision"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |