325 lines
17 KiB
TypeScript
325 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import { Award, HelpCircle, Mail, ShoppingBag, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="medium"
|
|
background="grid"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Collections", id: "#features"},
|
|
{
|
|
name: "Products", id: "#products"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-bro-lettering-design_23-2149653033.jpg"
|
|
logoAlt="Livel Brothers Logo"
|
|
brandName="Livel Brothers"
|
|
button={{
|
|
text: "Shop Now", href: "#products"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplitDoubleCarousel
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Style, Quality, Tradition"
|
|
description="Discover exceptional garments crafted for every occasion. Livel Brothers brings you timeless fashion with a modern touch, ensuring you always look your best."
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-sitting-near-dark_158538-11281.jpg", imageAlt: "Men's elegant fashion"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-european-young-ladies-brunette-redhead-elegant-suits-shoes-are-sitting-pink-background-people-sincere-emotions-lifestyle-concept_197531-31989.jpg", imageAlt: "Women's chic fashion"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/group-children-playing-with-soap-bubbles_23-2148843678.jpg", imageAlt: "Kids stylish clothing"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/emotional-happy-retro-loving-couple_171337-10367.jpg", imageAlt: "Family wearing fashionable clothes"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-origami-with-japanese-paper_23-2149048363.jpg", imageAlt: "Sustainable fashion materials"},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-leather-jacker-steel-building_181624-36709.jpg", imageAlt: "Latest fashion collection display"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-sitting-near-dark-studio_158538-11300.jpg", imageAlt: "Modern stylish fashion collection display"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-background_158538-9620.jpg", imageAlt: "Elegant couple in designer clothes"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-man-posing-chair_23-2149518284.jpg", imageAlt: "Urban fashion street style outfit"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-sitting-near-dark_158538-11279.jpg", imageAlt: "Vibrant clothing retail store interior"},
|
|
]}
|
|
tag="New Arrivals"
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
carouselPosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={true}
|
|
title="Crafting Elegance Since Day One"
|
|
description={[
|
|
"At Livel Brothers, fashion is more than just clothing—it's a legacy. Founded by a passion for quality textiles and exquisite tailoring, we've dedicated ourselves to bringing exceptional style to your wardrobe.", "Every stitch tells a story of precision and care. We source the finest materials and employ skilled artisans to create garments that are not only beautiful but also built to last. Our commitment is to offer you pieces that make you feel confident and distinguished.", "From classic essentials to contemporary trends, our collections are curated to reflect timeless elegance and modern sensibilities. Discover the difference that dedication and craftsmanship make with Livel Brothers."]}
|
|
buttons={[
|
|
{
|
|
text: "Meet the Founders", href: "#"},
|
|
{
|
|
text: "Our Values", href: "#"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
showBorder={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardEight
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Exquisite Tailoring", description: "Experience garments crafted with meticulous attention to detail and a perfect fit, ensuring sophistication in every stitch.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-smiling-close-up_23-2148336937.jpg", imageAlt: "Close-up of elegant suit fabric"},
|
|
{
|
|
title: "Premium Fabrics", description: "We select only the finest natural and blended fabrics, offering unparalleled comfort, durability, and luxurious feel.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lumbersexual-businessman-model-man-dressed-jeans-jacket-clothes_158538-1735.jpg", imageAlt: "Texture of high-quality denim"},
|
|
{
|
|
title: "Timeless Collections", description: "Our designs blend classic elegance with contemporary trends, creating versatile pieces that endure beyond seasonal fads.", imageSrc: "http://img.b2bpic.net/free-photo/people-wearing-high-fashion-clothing_23-2151914153.jpg", imageAlt: "Stylish evening dress"},
|
|
]}
|
|
title="Discover Our Commitment to Quality"
|
|
description="Livel Brothers stands for enduring style and unparalleled craftsmanship. We are dedicated to providing you with clothing that truly makes a statement."
|
|
tag="Our Collections"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "View All Collections", href: "#products"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={true}
|
|
carouselMode="buttons"
|
|
products={[
|
|
{
|
|
id: "product-1", name: "Classic Wool Suit", price: "$499.00", imageSrc: "http://img.b2bpic.net/free-photo/man-suit-studio_1303-5845.jpg", imageAlt: "Classic navy wool suit"},
|
|
{
|
|
id: "product-2", name: "Elegant Floral Midi Dress", price: "$179.00", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-bronze-make-up-wearing-black-golden-dress-sunglasses-tropical-landscape_343596-335.jpg", imageAlt: "Elegant floral print midi dress"},
|
|
{
|
|
id: "product-3", name: "Children's Denim Jacket", price: "$65.00", imageSrc: "http://img.b2bpic.net/free-photo/cute-little-girl-holding-christmas-globe_23-2148329867.jpg", imageAlt: "Stylish children's denim jacket"},
|
|
{
|
|
id: "product-4", name: "Premium Cotton Polo Shirt", price: "$89.00", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-beige-checkered-suit-posing-street-background_158538-2567.jpg", imageAlt: "Men's premium cotton polo shirt"},
|
|
{
|
|
id: "product-5", name: "High-Waisted Wide-Leg Trousers", price: "$120.00", imageSrc: "http://img.b2bpic.net/free-photo/positive-lifestyle-fashion-portrait-pf-happy-joyful-woman-jumping-dancing-park-barcelona-enjoy-her-travel-vacation-bright-trendy-clothes-sunglasses-happiness-emotions_291049-1535.jpg", imageAlt: "Women's high-waisted wide-leg trousers"},
|
|
{
|
|
id: "product-6", name: "Luxury Cashmere Sweater", price: "$299.00", imageSrc: "http://img.b2bpic.net/free-photo/cute-emotional-caucasian-girl-park_1153-5003.jpg", imageAlt: "Soft luxury cashmere sweater"},
|
|
{
|
|
id: "product-7", name: "Silk Blend Scarf", price: "$75.00", imageSrc: "http://img.b2bpic.net/free-photo/portrait-siblings-outdoors-brothers-day-celebration_23-2150266818.jpg", imageAlt: "Elegant silk blend scarf"},
|
|
{
|
|
id: "product-8", name: "Leather Handbag", price: "$349.00", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-blond-female-grey-dress-posing-artistic-interior_613910-7102.jpg", imageAlt: "Premium leather handbag"},
|
|
]}
|
|
title="Our Latest Collection"
|
|
description="Explore the freshest additions to our curated wardrobe. Each piece reflects our dedication to quality, style, and comfort."
|
|
tag="Shop Now"
|
|
tagIcon={ShoppingBag}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "View All Products", href: "#"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Elegance Magazine", "Fashion Forward Weekly", "Style & Grace Boutique", "The Modern Gentleman", "Haute Couture Collective", "Textile Innovations Ltd.", "Global Fashion Alliance"]}
|
|
title="Trusted by Industry Leaders"
|
|
description="Our commitment to quality and style has earned us recognition and partnerships with leading names in fashion and textile."
|
|
tag="Partners"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Learn More About Our Partners", href: "#"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="Livel Brothers has completely transformed my wardrobe. The quality is exceptional, and the style is simply unparalleled. I always receive compliments when I wear their pieces. Truly a game-changer for anyone looking for sophisticated, long-lasting fashion."
|
|
rating={5}
|
|
author="Marcus Thorne, Fashion Enthusiast"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/confident-stylish-bearded-man-with-hairstyle-glasses-elegant-retro-gray-suit-bow-tie-posing-studio-isolated-gray-background_613910-20005.jpg", alt: "Marcus Thorne"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/positive-excited-young-woman-showing-thumbs-up-having-fun_1262-14331.jpg", alt: "Sophia Chen"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/positive-carefree-teenage-girl-with-bun-hairstyle-looks-happily-away-wears-stylish-green-costume-white-boots-blue-eyeliner-feels-good-poses-against-grey-concrete-wall-urban-lifestyle-concept_273609-57790.jpg", alt: "David Rodriguez"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/elegant-old-man-portrait_23-2148831066.jpg", alt: "Eleanor Vance"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-smiling-charismatic-young-woman-content-creator-records-video-digital-camera-laughing_1258-254299.jpg", alt: "Jessica Lee"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-doing-money-gesture-isolated-green-background-with-copy-space_141793-31998.jpg", alt: "Robert Green"},
|
|
]}
|
|
ratingAnimation="blur-reveal"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "What is your return policy?", content: "We offer a 30-day return policy on all unworn and unwashed items with tags attached. Please see our full return policy page for more details."},
|
|
{
|
|
id: "faq-2", title: "Do you offer international shipping?", content: "Yes, we ship internationally to most countries. Shipping costs and delivery times vary by destination. You can find more information on our shipping page."},
|
|
{
|
|
id: "faq-3", title: "How do I find my size?", content: "Each product page features a detailed size guide to help you choose the perfect fit. You can also contact our customer service for personalized assistance."},
|
|
{
|
|
id: "faq-4", title: "Do you offer gift cards?", content: "Yes, Livel Brothers gift cards are available for purchase online and can be redeemed for any item in our store. They make the perfect gift for any fashion enthusiast."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/call-center-agent-helping-customers-regain-access-accounts_482257-126790.jpg"
|
|
imageAlt="Customer service representative helping a client"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="left"
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common inquiries about our products, services, and policies. We're here to ensure your shopping experience is seamless."
|
|
tag="Support"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Visit Our Help Center", href: "#"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
faqsAnimation="blur-reveal"
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
tag="Get in Touch"
|
|
title="We're Here to Help You Shine"
|
|
description="Have a question about our collections, need styling advice, or want to share your feedback? Reach out to Livel Brothers—we'd love to hear from you."
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Send Message"
|
|
termsText="By submitting your message, you agree to our Privacy Policy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-bro-lettering-design_23-2149653033.jpg"
|
|
logoAlt="Livel Brothers Logo"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Our Story", href: "#about"},
|
|
{
|
|
label: "Careers", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Shop All", href: "#products"},
|
|
{
|
|
label: "Men's Collection", href: "#products"},
|
|
{
|
|
label: "Women's Collection", href: "#products"},
|
|
{
|
|
label: "Kids' Apparel", href: "#products"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Shipping & Returns", href: "#"},
|
|
{
|
|
label: "Contact Support", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
{
|
|
label: "Cookie Settings", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Livel Brothers"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|