299 lines
16 KiB
TypeScript
299 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Award, Shield, ShoppingBag, Sparkles, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="medium"
|
|
background="aurora"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "Products", id: "#products"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/fashion-logo-elements-black-white-vector-sticker-design-set_53876-157639.jpg"
|
|
logoAlt="Elegance Attire Logo"
|
|
brandName="Elegance Attire"
|
|
bottomLeftText="Timeless Style for Men"
|
|
bottomRightText="support@eleganceattire.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplitTestimonial
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
imagePosition="right"
|
|
title="Elevate Your Style, Define Your Legacy"
|
|
description="Discover our curated collection of men's wear, blending timeless elegance with modern sophistication. Each piece is crafted to perfection, ensuring you stand out in every crowd."
|
|
testimonials={[
|
|
{
|
|
name: "Alex K.", handle: "@alex_k_style", testimonial: "Elegance Attire transformed my wardrobe. The quality is unmatched and the styles are truly timeless!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/two-women-taking-selfie-together-after-session-shopping_23-2148673258.jpg", imageAlt: "Alex K."},
|
|
{
|
|
name: "Sarah L.", handle: "@sarah_lux", testimonial: "I bought a suit for my husband, and he loves it! Exceptional fit and fabric. Highly recommend.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageAlt: "Sarah L."},
|
|
{
|
|
name: "Ben T.", handle: "@ben_tailored", testimonial: "Finally, a brand that understands modern men's fashion. The attention to detail is superb.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-male-social-media-influencer_23-2151396793.jpg", imageAlt: "Ben T."},
|
|
{
|
|
name: "John D.", handle: "@john_d_gent", testimonial: "Their casual wear is as impressive as their formal collection. Comfort meets class!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-shopping-city_23-2149321841.jpg", imageAlt: "John D."},
|
|
{
|
|
name: "Emily R.", handle: "@emily_r_vogue", testimonial: "My go-to for gifts for the stylish men in my life. Always a hit!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-sexy-woman-dressed-elegant-tuxedo-suit-walking-city-summer-spring-day_285396-8009.jpg", imageAlt: "Emily R."},
|
|
{
|
|
name: "Mark S.", handle: "@mark_suits_up", testimonial: "From business meetings to weekend outings, Elegance Attire has me covered with confidence.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-cloths-menswear-shop_1303-30799.jpg", imageAlt: "Mark S."},
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
tag="New Collection"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Shop Now", href: "#products"},
|
|
{
|
|
text: "Discover More", href: "#about"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg", alt: "Customer 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg", alt: "Customer 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-happy-senior-man-using-digital-tablet_1262-1985.jpg", alt: "Customer 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-caucasian-man-smiling-happy-standing-city_839833-10609.jpg", alt: "Customer 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-fresh-male-studio-people_1187-6060.jpg", alt: "Customer 5"},
|
|
]}
|
|
avatarText="Join 10k+ satisfied customers"
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-red-jacket_23-2149020127.jpg"
|
|
imageAlt="Stylish man in a modern suit"
|
|
mediaAnimation="slide-up"
|
|
fixedMediaHeight={true}
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Quality Fabrics"},
|
|
{
|
|
type: "text", text: "Bespoke Fit"},
|
|
{
|
|
type: "text", text: "Timeless Designs"},
|
|
{
|
|
type: "text", text: "Handcrafted Excellence"},
|
|
{
|
|
type: "text", text: "Sustainable Sourcing"},
|
|
{
|
|
type: "text", text: "Personalized Service"},
|
|
]}
|
|
marqueeSpeed={30}
|
|
showMarqueeCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={true}
|
|
tag="Our Story"
|
|
title="Crafting Elegance Since 2005"
|
|
description="At Elegance Attire, we believe true style is timeless. Our journey began with a passion for exquisite fabrics and precision tailoring, aiming to provide men with clothing that embodies confidence and sophistication."
|
|
subdescription="Every garment is a testament to our commitment to quality, designed to elevate your personal style and leave a lasting impression. Experience the difference that dedication makes."
|
|
icon={Award}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-hands-using-sewing-machine_23-2148754139.jpg"
|
|
imageAlt="Tailor meticulously working on a suit"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
features={[
|
|
{
|
|
id: "f1", title: "Premium Fabrics", subtitle: "Sourced globally for exceptional feel and durability.", category: "Material", value: "Luxury Blends"},
|
|
{
|
|
id: "f2", title: "Expert Tailoring", subtitle: "Each piece is meticulously crafted for the perfect fit.", category: "Craftsmanship", value: "Bespoke Quality"},
|
|
{
|
|
id: "f3", title: "Timeless Design", subtitle: "Classic aesthetics with a modern twist for lasting appeal.", category: "Style", value: "Enduring Fashion"},
|
|
{
|
|
id: "f4", title: "Sustainable Practices", subtitle: "Committed to eco-friendly production and ethical sourcing.", category: "Responsibility", value: "Eco-Conscious"},
|
|
]}
|
|
title="Why Choose Elegance Attire?"
|
|
description="We blend tradition with innovation to bring you clothing that doesn't just look good, but feels good and lasts a lifetime."
|
|
tag="Our Advantages"
|
|
tagIcon={Shield}
|
|
tagAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Classic White Dress Shirt", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-trousers-fashion-hipster-male-posing-near-grey-wall-studio-isolated_158538-26747.jpg", imageAlt: "Classic White Dress Shirt"},
|
|
{
|
|
id: "p2", name: "Tailored Grey Trousers", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-businessman-walking-front-corporate-building_23-2148190752.jpg", imageAlt: "Tailored Grey Trousers"},
|
|
{
|
|
id: "p3", name: "Premium Denim Jacket", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-model-sexy-man-dressed-jeans-jacket-fashion-male-isolated-grey-background-studio_158538-26527.jpg", imageAlt: "Premium Denim Jacket"},
|
|
{
|
|
id: "p4", name: "Handcrafted Leather Oxfords", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/businessman-solo_53876-165177.jpg", imageAlt: "Handcrafted Leather Oxfords"},
|
|
{
|
|
id: "p5", name: "Luxury Chronograph Watch", price: "$400", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-his-watch_53876-13503.jpg", imageAlt: "Luxury Chronograph Watch"},
|
|
{
|
|
id: "p6", name: "Silk Patterned Necktie", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-dressed-elegant-blue-suit-gray_158538-11102.jpg", imageAlt: "Silk Patterned Necktie"},
|
|
]}
|
|
title="Our Latest Collection"
|
|
description="Explore our curated selection of high-quality menswear, designed to fit every occasion."
|
|
tag="Shop Now"
|
|
tagIcon={ShoppingBag}
|
|
tagAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Versace", "Gucci", "Prada", "Armani", "Hugo Boss", "Ralph Lauren", "Calvin Klein"]}
|
|
title="Trusted by Leading Fashion Brands"
|
|
description="Our commitment to quality and design resonates with the industry's most esteemed names."
|
|
tag="Partners"
|
|
tagIcon={Award}
|
|
tagAnimation="opacity"
|
|
speed={40}
|
|
showCard={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
carouselMode="buttons"
|
|
uniformGridCustomHeightClasses="min-h-95 2xl:min-h-105"
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Michael S.", role: "CEO", company: "Innovate Corp", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-smiling-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10421.jpg", imageAlt: "Michael S."},
|
|
{
|
|
id: "t2", name: "Jessica R.", role: "Fashion Blogger", company: "Style Daily", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-businesswoman-using-sign-language-outdoors-work_23-2148740317.jpg", imageAlt: "Jessica R."},
|
|
{
|
|
id: "t3", name: "David L.", role: "Architect", company: "Urban Designs", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/european-woman-dress-classic-hat-works-home-kitchen_343596-2549.jpg", imageAlt: "David L."},
|
|
{
|
|
id: "t4", name: "Sophia M.", role: "Marketing Director", company: "GrowthX", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/guy-sunglasses-street_23-2147688855.jpg", imageAlt: "Sophia M."},
|
|
{
|
|
id: "t5", name: "Robert G.", role: "Consultant", company: "Global Advisors", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-leisure-technology-concept-fashionable-young-man-with-beard-relaxing-indoors-alone-daydreaming-listening-music-tracks-earphones-via-online-app-his-electronic-device_273609-1720.jpg", imageAlt: "Robert G."},
|
|
{
|
|
id: "t6", name: "Chris P.", role: "Entrepreneur", company: "Startup Hub", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-guy-is-posing-gray-wall_197531-355.jpg", imageAlt: "Chris P."},
|
|
]}
|
|
title="What Our Clients Say"
|
|
description="Hear directly from our satisfied customers about their Elegance Attire experience."
|
|
tag="Customer Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq1", title: "What is your return policy?", content: "We offer a 30-day return policy on all unworn items with tags still attached. Please see our full returns page for more details on exchanges and refunds."},
|
|
{
|
|
id: "faq2", title: "Do you offer international shipping?", content: "Yes, we ship globally! Shipping costs and delivery times vary by destination. You can find more information during checkout."},
|
|
{
|
|
id: "faq3", title: "How do I find my size?", content: "Each product page features a detailed size guide to help you choose the perfect fit. We also offer virtual fitting consultations."},
|
|
]}
|
|
sideTitle="Your Questions, Answered."
|
|
sideDescription="Find quick answers to the most common questions about our products, orders, and services."
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
tag="Get in Touch"
|
|
title="Ready to Elevate Your Wardrobe?"
|
|
description="Our team is here to assist you with style advice, sizing, and any inquiries you may have. Connect with us today!"
|
|
buttons={[
|
|
{
|
|
text: "Email Us", href: "mailto:support@eleganceattire.com"},
|
|
{
|
|
text: "Call Us", href: "tel:+1234567890"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoSrc="http://img.b2bpic.net/free-vector/fashion-logo-elements-black-white-vector-sticker-design-set_53876-157639.jpg"
|
|
logoAlt="Elegance Attire Logo"
|
|
logoText="Elegance Attire"
|
|
leftLink={{
|
|
text: "Privacy Policy", href: "#"}}
|
|
rightLink={{
|
|
text: "Terms of Service", href: "#"}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|