302 lines
18 KiB
TypeScript
302 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { Award, Building, Globe, Leaf } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Capabilities", id: "#capabilities"},
|
|
{
|
|
name: "Collections", id: "#collections"},
|
|
{
|
|
name: "Impact", id: "#impact"},
|
|
{
|
|
name: "Clients", id: "#clients"},
|
|
{
|
|
name: "Team", id: "#team"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=emnvap"
|
|
logoAlt="Haute Atelier Logo"
|
|
brandName="Haute Atelier"
|
|
bottomLeftText="Global Textile Solutions"
|
|
bottomRightText="inquiries@hauteatelier.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Crafting Tomorrow's Couture Today"
|
|
description="Haute Atelier is the leading luxury garment manufacturer, bringing your visionary designs to life with unparalleled precision, sustainable practices, and exceptional craftsmanship."
|
|
tag="Luxury Fashion Production"
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Explore Capabilities", href: "#capabilities"},
|
|
{
|
|
text: "Partner With Us", href: "#contact"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/thimble-silk-high-angle_23-2148897940.jpg", imageAlt: "3D render of a high-fashion model wearing a couture gown"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861928.jpg", imageAlt: "Futuristic garment manufacturing floor with automated machinery"},
|
|
]}
|
|
mediaAnimation="opacity"
|
|
rating={5}
|
|
ratingText="Trusted by Top Global Brands"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
title="The Art of Precision in Garment Manufacturing"
|
|
description="At Haute Atelier, we blend artisanal tradition with cutting-edge technology to produce luxury apparel of the highest caliber. Our dedication to quality, innovation, and ethical production ensures every stitch reflects our commitment to excellence for international fashion brands."
|
|
tag="Our Philosophy"
|
|
bulletPoints={[
|
|
{
|
|
title: "Unrivaled Craftsmanship", description: "Meticulous attention to detail and traditional techniques ensure supreme quality in every garment."},
|
|
{
|
|
title: "Sustainable Innovation", description: "Pioneering eco-conscious manufacturing processes without compromising luxury standards."},
|
|
{
|
|
title: "Global Logistics", description: "Seamless supply chain management and efficient delivery worldwide for our partners."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-customer-selecting-button-from-container-hold-by-fashion-designer_23-2148180292.jpg"
|
|
imageAlt="Close-up of skilled artisans hand-stitching a luxury garment"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="capabilities" data-section="capabilities">
|
|
<FeatureCardTwentyFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "f1", title: "Concept & Design Prototyping", author: "Creative Development", description: "Translate initial sketches into stunning 3D prototypes, optimizing design and fit before production.", tags: [
|
|
"3D Design", "Pattern Making", "Sampling"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sewing-workshop_23-2149007404.jpg", imageAlt: "Sleek modern design studio with 3D garment display"},
|
|
{
|
|
id: "f2", title: "Precision Cutting & Assembly", author: "Automated Production", description: "Utilizing laser-guided technology for flawless fabric cutting and advanced assembly techniques for perfect construction.", tags: [
|
|
"Laser Cutting", "Automated Sewing", "Finishing"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/image-tailor-s-workplace-with-sewing-machine-sewing-workshop_613910-19019.jpg", imageAlt: "Advanced textile cutting machine operating with laser precision"},
|
|
{
|
|
id: "f3", title: "Rigorous Quality Assurance", author: "Uncompromising Standards", description: "Multi-stage inspection protocols and advanced textile testing guarantee every garment meets international luxury benchmarks.", tags: [
|
|
"Textile Testing", "Defect Detection", "Final Inspection"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-specialists-engineers-doing-teamwork-modern-production-line_482257-125964.jpg", imageAlt: "Meticulous quality control inspection of a luxury blazer"},
|
|
]}
|
|
title="Our Advanced Manufacturing Capabilities"
|
|
description="From concept to couture, our state-of-the-art facilities and expert team provide a comprehensive suite of services tailored to the demands of luxury fashion."
|
|
/>
|
|
</div>
|
|
|
|
<div id="collections" data-section="collections">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1", brand: "Haute Atelier", name: "Opulent Evening Gown", price: "Price on Request", rating: 5,
|
|
reviewCount: "24 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/white-fabric-closeup_53876-31986.jpg", imageAlt: "Opulent evening gown with gold embroidery"},
|
|
{
|
|
id: "p2", brand: "Haute Atelier", name: "Executive Tailored Suit", price: "Price on Request", rating: 5,
|
|
reviewCount: "18 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-sequin-jacket-looking-down_1368-8162.jpg", imageAlt: "Executive tailored men's suit"},
|
|
{
|
|
id: "p3", brand: "Haute Atelier", name: "Cashmere Cable Knit Sweater", price: "Price on Request", rating: 5,
|
|
reviewCount: "30 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/details-blue-blouse-made-out-silk_23-2148237592.jpg", imageAlt: "Luxurious cashmere cable knit sweater"},
|
|
{
|
|
id: "p4", brand: "Haute Atelier", name: "Signature Trench Coat", price: "Price on Request", rating: 5,
|
|
reviewCount: "15 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-female-grey-coat_613910-7086.jpg", imageAlt: "High-end trench coat"},
|
|
{
|
|
id: "p5", brand: "Haute Atelier", name: "Performance Activewear Set", price: "Price on Request", rating: 5,
|
|
reviewCount: "22 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/model-wearing-beautiful-shade-clothing_23-2151428006.jpg", imageAlt: "Advanced performance sportswear"},
|
|
{
|
|
id: "p6", brand: "Haute Atelier", name: "Haute Accessories Collection", price: "Price on Request", rating: 5,
|
|
reviewCount: "10 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-flat-lay_23-2150264145.jpg", imageAlt: "Luxury fashion accessories set"},
|
|
]}
|
|
title="Our Legacy of Luxury Apparel"
|
|
description="Discover a selection of garments we've proudly manufactured, embodying diverse styles while consistently upholding the highest standards of luxury and design."
|
|
/>
|
|
</div>
|
|
|
|
<div id="impact" data-section="impact">
|
|
<MetricCardThree
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", icon: Building,
|
|
title: "Annual Production Volume", value: "2M+ Garments"},
|
|
{
|
|
id: "m2", icon: Award,
|
|
title: "Client Retention Rate", value: "98%"},
|
|
{
|
|
id: "m3", icon: Globe,
|
|
title: "Global Reach", value: "50+ Countries"},
|
|
{
|
|
id: "m4", icon: Leaf,
|
|
title: "Sustainable Material Usage", value: "85%"},
|
|
]}
|
|
title="Our Impact: Excellence in Numbers"
|
|
description="Driving the future of luxury apparel manufacturing through unmatched scale, innovation, and client satisfaction."
|
|
/>
|
|
</div>
|
|
|
|
<div id="clients" data-section="clients">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1", title: "Unparalleled Quality & Service", quote: "Haute Atelier consistently delivers beyond expectations. Their attention to detail and commitment to our brand vision are simply unparalleled. A true partner in luxury.", name: "Isabelle Laurent", role: "CEO, Veridian Atelier", imageSrc: "http://img.b2bpic.net/free-photo/woman-drawing-new-projects-chalkboard_329181-18074.jpg", imageAlt: "Portrait of Isabelle Laurent, CEO of Veridian Atelier"},
|
|
{
|
|
id: "t2", title: "Innovation Meets Craftsmanship", quote: "Working with Haute Atelier has redefined our production standards. Their innovative approach combined with traditional craftsmanship results in garments that truly stand out.", name: "Antoine Dubois", role: "Creative Director, Aura Moda", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-studio_1157-17120.jpg", imageAlt: "Portrait of Antoine Dubois, Creative Director of Aura Moda"},
|
|
{
|
|
id: "t3", title: "Reliable & Ethical Production", quote: "The reliability and ethical standards of Haute Atelier are exemplary. They are a cornerstone of our supply chain, ensuring both quality and responsible manufacturing.", name: "Lena Petrova", role: "Head of Sourcing, Étoile Couture", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shop-owner-her-modern-clothing-store-young-african-american-woman-standing-near-hangers-with-male-shirts-trousers-underwear-fashion-clothes-business-startup-shopping-concept_74855-21499.jpg", imageAlt: "Portrait of Lena Petrova, Head of Sourcing at Étoile Couture"},
|
|
{
|
|
id: "t4", title: "Sustainable & Luxurious", quote: "Haute Atelier proves that luxury and sustainability can coexist beautifully. Their commitment to eco-friendly practices while delivering premium quality is truly inspiring.", name: "Samira Khan", role: "Founder, Zenith Garments", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-shopping_23-2149241332.jpg", imageAlt: "Portrait of Samira Khan, Founder of Zenith Garments"},
|
|
{
|
|
id: "t5", title: "Global Partner, Local Touch", quote: "Their global capabilities are matched only by their personalized service. Haute Atelier understands our unique needs and consistently provides tailored solutions with a human touch.", name: "Marcus Thorne", role: "Production Manager, Luminary Textiles", imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-tailor-makes-measurements-jeans-with-meter-sewing-workshop_613910-19033.jpg", imageAlt: "Portrait of Marcus Thorne, Production Manager at Luminary Textiles"},
|
|
]}
|
|
title="Voices of Distinction: Our Client Testimonials"
|
|
description="Hear directly from the luxury fashion brands and industry leaders who trust Haute Atelier for their most exquisite collections."
|
|
/>
|
|
</div>
|
|
|
|
<div id="partners" data-section="partners">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Veridian Atelier", "Aura Moda", "Étoile Couture", "Zenith Garments", "Luminary Textiles", "Seraphina Threads", "Apex Atelier"]}
|
|
title="Our Esteemed Partners"
|
|
description="Collaborating with the world's most innovative and prestigious fashion houses to bring their visions to life."
|
|
speed={35}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
members={[
|
|
{
|
|
id: "m1", name: "Eleanor Vance", role: "Chief Executive Officer", imageSrc: "http://img.b2bpic.net/free-photo/confident-man-leaning-wall_23-2148401390.jpg", imageAlt: "Portrait of Eleanor Vance, CEO"},
|
|
{
|
|
id: "m2", name: "Julian Moreau", role: "Head of Design & Innovation", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket_23-2149020794.jpg", imageAlt: "Portrait of Julian Moreau, Head of Design"},
|
|
{
|
|
id: "m3", name: "Sophia Chen", role: "Director of Production", imageSrc: "http://img.b2bpic.net/free-photo/detective-reading-classified-records_482257-74577.jpg", imageAlt: "Portrait of Sophia Chen, Director of Production"},
|
|
{
|
|
id: "m4", name: "Ricardo Mendez", role: "Head of Fabric R&D", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-mature-dark-haired-caucasian-male-fashion-designer-looking-camera-with-relaxed-expression-working-new-dress-winter-clothes-collection_176420-11836.jpg", imageAlt: "Portrait of Ricardo Mendez, Head of Fabric R&D"},
|
|
]}
|
|
title="Meet the Maestros of Haute Atelier"
|
|
description="Our dedicated team of industry experts, innovators, and artisans is committed to delivering unparalleled excellence in every garment."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "downward-rays-animated-grid"}}
|
|
text="Partner with Haute Atelier to bring your luxury collections to life. Contact us for a bespoke manufacturing solution tailored to your brand's vision."
|
|
buttons={[
|
|
{
|
|
text: "Inquire Now", href: "mailto:inquiries@hauteatelier.com"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Design Prototyping", href: "#capabilities"},
|
|
{
|
|
label: "Production & Assembly", href: "#capabilities"},
|
|
{
|
|
label: "Quality Assurance", href: "#capabilities"},
|
|
{
|
|
label: "Global Logistics", href: "#about"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Our Team", href: "#team"},
|
|
{
|
|
label: "Clients", href: "#clients"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{
|
|
label: "Blog", href: "#"},
|
|
{
|
|
label: "Case Studies", href: "#"},
|
|
{
|
|
label: "FAQ", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 Haute Atelier. All rights reserved."
|
|
bottomRightText="Privacy Policy | Terms of Service"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|