Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-21 21:28:33 +00:00

View File

@@ -32,138 +32,37 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Collection",
id: "products",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Collection", id: "products" },
{ name: "Pricing", id: "pricing" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="Elite Suits"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Elevate Your Style"
description="Premium suit rentals for your most important moments. Expertly tailored, delivered to your door."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/precise-craftsman-taking-measurements_482257-79185.jpg",
imageAlt: "elegant man in tailored suit",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-fabric-texture-outdoor-setting-sunlight-background-blurred-product-shot_272375-26448.jpg",
imageAlt: "men wedding attire collection",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-posing-near-gray-wall_158538-9708.jpg",
imageAlt: "elegant man in tailored suit",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/detail-brown-black-feather-backgrounds_23-2148114526.jpg",
imageAlt: "men wedding attire collection",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-detail-talented-professional-young-caucasian-male-designer-working-new-dress-spring-collection-checking-sizes-with-measuring-tape-spending-day-his-workshop_176420-11855.jpg",
imageAlt: "elegant man in tailored suit",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/precise-craftsman-taking-measurements_482257-79185.jpg", imageAlt: "elegant man in tailored suit" },
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-fabric-texture-outdoor-setting-sunlight-background-blurred-product-shot_272375-26448.jpg", imageAlt: "men wedding attire collection" },
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-posing-near-gray-wall_158538-9708.jpg", imageAlt: "elegant man in tailored suit" },
{ imageSrc: "http://img.b2bpic.net/free-photo/detail-brown-black-feather-backgrounds_23-2148114526.jpg", imageAlt: "men wedding attire collection" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-detail-talented-professional-young-caucasian-male-designer-working-new-dress-spring-collection-checking-sizes-with-measuring-tape-spending-day-his-workshop_176420-11855.jpg", imageAlt: "elegant man in tailored suit" }
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-best-man_23-2149044025.jpg",
imageAlt: "men wedding attire collection",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/lonely-man-stands-before-window-room_1304-5421.jpg",
imageAlt: "elegant man in tailored suit",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-wearing-flannel-blazer_53876-108614.jpg",
imageAlt: "men wedding attire collection",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/sexy-blond-female-black-costume-sits-round-black-chair-empty-room_613910-328.jpg",
imageAlt: "elegant man in tailored suit",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/thread-rough-wrinkled-design-element-studio-shot_1122-2406.jpg",
imageAlt: "men wedding attire collection",
},
]}
buttons={[
{
text: "View Collection",
href: "#products",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-dressed-blue-shirt-white-jacket-bow-tie-grey-background_613910-1934.jpg",
alt: "Studio portrait of bearded male dressed in a blue shirt",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-posing-near-gray-wall_158538-9710.jpg",
alt: "portrait of sexy handsome fashion male model",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-thoughtful-handsome-groom-wearing-brown-plaid-suit-with-bow-tie-sitting-floor-with-glass-alcohol-beverage-white-background-seriously-looking-camera_8353-12557.jpg",
alt: "Portrait of thoughtful and handsome groom",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9647.jpg",
alt: "portrait of sexy handsome fashion male model",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-brown-material-texture_23-2148383664.jpg",
alt: "Close-up brown material texture",
},
]}
avatarText="Join 10,000+ satisfied gentlemen"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/clothes-clothing-shop_23-2148164762.jpg",
alt: "Clothes in a clothing shop",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/fabric-texture-background_1385-1230.jpg",
alt: "Fabric texture for the background",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/expert-suitmaker-checking-custom-suit_482257-78349.jpg",
alt: "Expert suitmaker checking custom suit",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/person-using-pins-dress-form_23-2148739380.jpg",
alt: "Person using pins on dress form",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/close-up-male-fashion-designer-s-hand-taking-measurement-blue-fabric-with-yellow-measuring-tape_23-2148180373.jpg",
alt: "Close-up of male fashion designer's hand",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-best-man_23-2149044025.jpg", imageAlt: "men wedding attire collection" },
{ imageSrc: "http://img.b2bpic.net/free-photo/lonely-man-stands-before-window-room_1304-5421.jpg", imageAlt: "elegant man in tailored suit" },
{ imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-wearing-flannel-blazer_53876-108614.jpg", imageAlt: "men wedding attire collection" },
{ imageSrc: "http://img.b2bpic.net/free-photo/sexy-blond-female-black-costume-sits-round-black-chair-empty-room_613910-328.jpg", imageAlt: "elegant man in tailored suit" },
{ imageSrc: "http://img.b2bpic.net/free-photo/thread-rough-wrinkled-design-element-studio-shot_1122-2406.jpg", imageAlt: "men wedding attire collection" }
]}
buttons={[{ text: "View Collection", href: "#products" }]}
/>
</div>
@@ -172,21 +71,9 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Decades of Tailoring Excellence"
metrics={[
{
icon: Award,
label: "Years Experience",
value: "25+",
},
{
icon: CheckCircle,
label: "Suits Rented",
value: "10k+",
},
{
icon: Sparkles,
label: "Satisfied Grooms",
value: "5k+",
},
{ icon: Award, label: "Years Experience", value: "25+" },
{ icon: CheckCircle, label: "Suits Rented", value: "10k+" },
{ icon: Sparkles, label: "Satisfied Grooms", value: "5k+" }
]}
metricsAnimation="slide-up"
/>
@@ -199,21 +86,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
features={[
{
title: "Expert Fitting",
description: "Our AI-powered sizing tool ensures a perfect fit every single time.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-male-tailor-taking-measurement-blue-fabric-with-measuring-tape-table-his-shop_23-2148180321.jpg",
},
{
title: "Premium Fabrics",
description: "Sustainable Italian wool and high-grade linens for unparalleled comfort.",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-businessman-model-dressed-elegant-checkered-suit-posing-near-gray-wall-street-background-metrosexual-with-luxury-watch-wrist_158538-14226.jpg",
},
{
title: "Fast Shipping",
description: "Guaranteed arrival 3 days before your event with free returns included.",
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-woman-looking-cellphone-holding-shopping-bags-hand_23-2148101728.jpg",
},
{ title: "Expert Fitting", description: "Our AI-powered sizing tool ensures a perfect fit every single time.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-male-tailor-taking-measurement-blue-fabric-with-measuring-tape-table-his-shop_23-2148180321.jpg" },
{ title: "Premium Fabrics", description: "Sustainable Italian wool and high-grade linens for unparalleled comfort.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-businessman-model-dressed-elegant-checkered-suit-posing-near-gray-wall-street-background-metrosexual-with-luxury-watch-wrist_158538-14226.jpg" },
{ title: "Fast Shipping", description: "Guaranteed arrival 3 days before your event with free returns included.", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-woman-looking-cellphone-holding-shopping-bags-hand_23-2148101728.jpg" }
]}
title="Why Choose Elite"
description="We combine luxury tailoring with unmatched convenience."
@@ -225,43 +100,14 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
animationType="slide-up"
products={[
{
id: "1",
name: "Classic Tuxedo",
price: "$129",
imageSrc: "http://img.b2bpic.net/free-photo/mens-suit-with-stripes-it_114579-12628.jpg",
},
{
id: "2",
name: "Modern Navy",
price: "$99",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-blue-suit-posing-gray_158538-4486.jpg",
},
{
id: "3",
name: "Summer Linen",
price: "$119",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-groom-with-black-bowtie_1328-4895.jpg",
},
{
id: "4",
name: "Velvet Gala",
price: "$149",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-elegant-groom-posing_23-2150327164.jpg",
},
{
id: "5",
name: "Double Breasted",
price: "$139",
imageSrc: "http://img.b2bpic.net/free-photo/curly-haired-man-with-brown-blouse-posing_23-2148892053.jpg",
},
{
id: "6",
name: "Charcoal Formal",
price: "$109",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-thimble-silk_23-2148897938.jpg",
},
{ id: "1", name: "Classic Tuxedo", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/mens-suit-with-stripes-it_114579-12628.jpg" },
{ id: "2", name: "Modern Navy", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-blue-suit-posing-gray_158538-4486.jpg" },
{ id: "3", name: "Summer Linen", price: "$119", imageSrc: "http://img.b2bpic.net/free-photo/elegant-groom-with-black-bowtie_1328-4895.jpg" },
{ id: "4", name: "Velvet Gala", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/front-view-elegant-groom-posing_23-2150327164.jpg" },
{ id: "5", name: "Double Breasted", price: "$139", imageSrc: "http://img.b2bpic.net/free-photo/curly-haired-man-with-brown-blouse-posing_23-2148892053.jpg" },
{ id: "6", name: "Charcoal Formal", price: "$109", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-thimble-silk_23-2148897938.jpg" }
]}
title="Our Collection"
description="Hand-picked styles for weddings, galas, and business events."
@@ -274,59 +120,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Essential",
price: "$89",
subtitle: "Perfect for short events",
buttons: [
{
text: "Select",
href: "#",
},
],
features: [
"3-day rental",
"Standard shipping",
"Basic cleaning",
],
},
{
id: "pro",
badge: "Premium",
price: "$149",
subtitle: "Best for weddings",
buttons: [
{
text: "Select",
href: "#",
},
],
features: [
"7-day rental",
"Priority shipping",
"Full dry cleaning",
"Insurance included",
],
},
{
id: "elite",
badge: "VIP",
price: "$249",
subtitle: "For special occasions",
buttons: [
{
text: "Select",
href: "#",
},
],
features: [
"14-day rental",
"White glove service",
"Custom alterations",
"24/7 Support",
],
},
{ id: "basic", badge: "Essential", price: "$89", subtitle: "Perfect for short events", buttons: [{ text: "Select", href: "#" }], features: ["3-day rental", "Standard shipping", "Basic cleaning"] },
{ id: "pro", badge: "Premium", price: "$149", subtitle: "Best for weddings", buttons: [{ text: "Select", href: "#" }], features: ["7-day rental", "Priority shipping", "Full dry cleaning", "Insurance included"] },
{ id: "elite", badge: "VIP", price: "$249", subtitle: "For special occasions", buttons: [{ text: "Select", href: "#" }], features: ["14-day rental", "White glove service", "Custom alterations", "24/7 Support"] }
]}
title="Flexible Rental Tiers"
description="Choose the level that fits your timeline and needs."
@@ -340,46 +136,11 @@ export default function LandingPage() {
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "James L.",
role: "Groom",
company: "Wedding Ceremony",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg",
},
{
id: "2",
name: "Marcus R.",
role: "Executive",
company: "Annual Gala",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-successful-senior-businessman_1262-2162.jpg",
},
{
id: "3",
name: "David K.",
role: "Guest",
company: "Formal Event",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-model-posing-street_1303-14445.jpg",
},
{
id: "4",
name: "Sam T.",
role: "Groom",
company: "Summer Wedding",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/boyfriend-dressed-black-suit_1153-1174.jpg",
},
{
id: "5",
name: "Alex P.",
role: "Professional",
company: "Board Meeting",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-suit-isolated-grey-background_613910-2351.jpg",
},
{ id: "1", name: "James L.", role: "Groom", company: "Wedding Ceremony", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg" },
{ id: "2", name: "Marcus R.", role: "Executive", company: "Annual Gala", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-successful-senior-businessman_1262-2162.jpg" },
{ id: "3", name: "David K.", role: "Guest", company: "Formal Event", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-model-posing-street_1303-14445.jpg" },
{ id: "4", name: "Sam T.", role: "Groom", company: "Summer Wedding", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/boyfriend-dressed-black-suit_1153-1174.jpg" },
{ id: "5", name: "Alex P.", role: "Professional", company: "Board Meeting", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-suit-isolated-grey-background_613910-2351.jpg" }
]}
title="Trusted by Thousands"
description="See why men trust Elite for their biggest moments."
@@ -390,26 +151,10 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "What if it doesn't fit?",
content: "Our fit-guarantee means we'll ship you a new size or offer tailoring credit immediately.",
},
{
id: "2",
title: "How long is the rental?",
content: "Our standard rentals are 3 days, but we offer extended rental periods up to 14 days.",
},
{
id: "3",
title: "Is insurance included?",
content: "We offer optional damage insurance for all rentals for total peace of mind.",
},
{
id: "4",
title: "How do I return the suit?",
content: "Just use the prepaid return label included in your box and drop it at any FedEx location.",
},
{ id: "1", title: "What if it doesn't fit?", content: "Our fit-guarantee means we'll ship you a new size or offer tailoring credit immediately." },
{ id: "2", title: "How long is the rental?", content: "Our standard rentals are 3 days, but we offer extended rental periods up to 14 days." },
{ id: "3", title: "Is insurance included?", content: "We offer optional damage insurance for all rentals for total peace of mind." },
{ id: "4", title: "How do I return the suit?", content: "Just use the prepaid return label included in your box and drop it at any FedEx location." }
]}
sideTitle="Questions? We have answers."
faqsAnimation="blur-reveal"
@@ -422,21 +167,10 @@ export default function LandingPage() {
title="Get in Touch"
description="Ready to get tailored? Send us your event details."
inputs={[
{
name: "name",
type: "text",
placeholder: "Name",
},
{
name: "email",
type: "email",
placeholder: "Email",
},
{ name: "name", type: "text", placeholder: "Name" },
{ name: "email", type: "email", placeholder: "Email" }
]}
textarea={{
name: "message",
placeholder: "Your questions or event dates",
}}
textarea={{ name: "message", placeholder: "Your questions or event dates" }}
imageSrc="http://img.b2bpic.net/free-photo/young-handsome-man-choosing-clothes-shop_1303-19712.jpg"
/>
</div>
@@ -444,38 +178,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Collection",
href: "#products",
},
{
label: "Pricing",
href: "#pricing",
},
{
label: "About",
href: "#about",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
{
label: "Support",
href: "#contact",
},
],
},
{ items: [{ label: "Collection", href: "#products" }, { label: "Pricing", href: "#pricing" }, { label: "About", href: "#about" }] },
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Support", href: "#contact" }] }
]}
logoText="Elite Suits"
/>