211 lines
12 KiB
TypeScript
211 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
|
|
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
import { Mail } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Vestra"
|
|
navItems={[
|
|
{ name: "Collections", id: "collections" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Philosophy", id: "philosophy" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "Shop", id: "shop" },
|
|
]}
|
|
button={{ text: "Stay Rare", href: "shop" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Stay Rare"
|
|
description="Discover Vestra—where exclusivity meets craftsmanship. Premium clothing designed for those who understand that true luxury is found in refined simplicity and timeless elegance."
|
|
tag="Exclusive Collection"
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-holding-thermometer-her-arm_23-2147889076.jpg"
|
|
imageAlt="Luxury fabric texture"
|
|
textPosition="center"
|
|
showBlur={true}
|
|
showDimOverlay={true}
|
|
buttons={[
|
|
{ text: "Explore Collection", href: "shop" },
|
|
{ text: "Our Story", href: "about" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Crafted with Purpose"
|
|
description="Every Vestra piece is a testament to exceptional craftsmanship and precision. We believe that true luxury lies in the details—in perfectly executed seams, premium fabrics, and timeless designs that transcend fleeting trends. Our commitment to exclusivity ensures that each garment is rare and meaningful."
|
|
tag="Our Philosophy"
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-fashion-designer-taking-fabric-from-shelf-his-customer_23-2148180328.jpg"
|
|
imageAlt="Artisan craftsmanship in detail"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Discover More", href: "philosophy" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
title="Featured Collection"
|
|
description="Curated selections from our exclusive Vestra lineup. Each piece represents our unwavering commitment to quality, minimalist aesthetics, and timeless elegance."
|
|
tag="Premium Selection"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Vestra", name: "Classic Silk Dress", price: "€480", rating: 5,
|
|
reviewCount: "47", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-sensitive-man-posing_23-2149518273.jpg", imageAlt: "Classic luxury dress"},
|
|
{
|
|
id: "2", brand: "Vestra", name: "Tailored Blazer", price: "€620", rating: 5,
|
|
reviewCount: "52", imageSrc: "http://img.b2bpic.net/free-photo/person-cutting-fabric-sewing_23-2148827136.jpg", imageAlt: "Premium tailored blazer"},
|
|
{
|
|
id: "3", brand: "Vestra", name: "Premium White Shirt", price: "€320", rating: 5,
|
|
reviewCount: "68", imageSrc: "http://img.b2bpic.net/free-photo/african-american-business-man-walking-outside-restaurant_1303-9415.jpg", imageAlt: "Luxury white shirt"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="collections" data-section="collections">
|
|
<FeatureCardEight
|
|
title="Our Collections"
|
|
description="Experience Vestra's journey through carefully curated seasonal collections, each telling a story of precision, elegance, and refined taste."
|
|
tag="Explore"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Foundation Series", description: "Timeless basics that form the heart of any refined wardrobe. Essential pieces crafted for longevity and versatility.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-business-man-walking-outside-restaurant_1303-9415.jpg"},
|
|
{
|
|
id: 2,
|
|
title: "Silhouette Collection", description: "Architectural tailoring meets minimalist design. Each garment is a study in proportion and refined elegance.", imageSrc: "http://img.b2bpic.net/free-photo/person-cutting-fabric-sewing_23-2148827136.jpg"},
|
|
{
|
|
id: 3,
|
|
title: "Heritage Line", description: "Premium selections inspired by timeless fashion moments. Classic pieces reimagined for the modern luxury consumer.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-sensitive-man-posing_23-2149518273.jpg"},
|
|
{
|
|
id: 4,
|
|
title: "Artisan Editions", description: "Limited-run pieces crafted with exceptional attention to detail. Where exclusivity meets uncompromising quality.", imageSrc: "http://img.b2bpic.net/free-photo/male-fashion-designer-taking-fabric-from-shelf-his-customer_23-2148180328.jpg"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Our Clients Say"
|
|
description="Hear from those who have embraced the Vestra philosophy of refined, exclusive luxury."
|
|
tag="Testimonials"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="blur-reveal"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sophia München", handle: "@sophiam_luxury", testimonial: "Vestra pieces have transformed my wardrobe into a reflection of my values—quality over quantity, timeless over trendy. Absolutely exquisite craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-beautiful-smiling-black-woman-with-stylish-afro-hairs-sitting-cafe-paris_273443-1363.jpg", imageAlt: "Sophia München"},
|
|
{
|
|
id: "2", name: "Marcus Berlin", handle: "@marcusberlin_style", testimonial: "The precision in every stitch is evident. This is what luxury should be—understated, refined, and unmistakably exceptional.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", imageAlt: "Marcus Berlin"},
|
|
{
|
|
id: "3", name: "Helena Keller", handle: "@helena.luxury", testimonial: "I've invested in Vestra pieces knowing they'll be in my wardrobe for decades. This is true luxury—pieces that age gracefully and only improve.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-lady-jacket-white-pants-smiling-outside-lovely-woman-with-bright-lips-eyeglasses-outdoors_197531-19337.jpg", imageAlt: "Helena Keller"},
|
|
{
|
|
id: "4", name: "Johann Krafft", handle: "@johannkrafft", testimonial: "The German precision meets pure elegance. Vestra understands that exclusivity isn't about logos—it's about impeccable quality and timeless design.", imageSrc: "http://img.b2bpic.net/free-photo/mother-adult-daughter-with-shopping-bag_1157-31142.jpg", imageAlt: "Johann Krafft"},
|
|
{
|
|
id: "5", name: "Isabelle Noir", handle: "@isabellenoir_", testimonial: "Every Vestra purchase feels like an investment in myself. The quality is unparalleled, and I feel genuinely rare wearing these pieces.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-business-suit_1303-17722.jpg", imageAlt: "Isabelle Noir"},
|
|
{
|
|
id: "6", name: "Thomas Müller", handle: "@thomasmuller_style", testimonial: "Vestra represents everything I admire in luxury fashion—minimalism, craftsmanship, and an unwavering commitment to excellence. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-posing-restaurant_1157-45809.jpg", imageAlt: "Thomas Müller"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Featured In"
|
|
description="Trusted by leading fashion publications and luxury lifestyle brands worldwide."
|
|
tag="Press & Partners"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={["Vogue International", "Harper's Bazaar", "Luxury Magazine", "Fashion Week", "Style Weekly", "Prestige Living", "Exclusive Boutiques"]}
|
|
speed={50}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Newsletter"
|
|
title="Join the Exclusive Circle"
|
|
description="Stay informed about new collections, limited editions, and exclusive insights into the world of Vestra luxury. We believe in quality over frequency—expect thoughtful, curated updates."
|
|
tagIcon={Mail}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-working-with-laptop-coffee-shop_53876-15993.jpg"
|
|
mediaPosition="right"
|
|
mediaAnimation="none"
|
|
inputPlaceholder="Your email address"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe at any time. You'll receive curated updates about Vestra collections and exclusive offerings."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-holding-thermometer-her-arm_23-2147889076.jpg"
|
|
imageAlt="Luxury fabric footer"
|
|
logoText="Vestra"
|
|
copyrightText="© 2025 Vestra. All rights reserved. Stay Rare."
|
|
columns={[
|
|
{
|
|
title: "Collection", items: [
|
|
{ label: "Foundation Series", href: "#collections" },
|
|
{ label: "Silhouette Collection", href: "#collections" },
|
|
{ label: "Heritage Line", href: "#collections" },
|
|
{ label: "Limited Editions", href: "#collections" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Philosophy", href: "#philosophy" },
|
|
{ label: "Craftsmanship", href: "#about" },
|
|
{ label: "Press", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Shipping & Returns", href: "#" },
|
|
{ label: "Contact", href: "#contact" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|