Merge version_1 into main #1
338
src/app/page.tsx
338
src/app/page.tsx
@@ -20,31 +20,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Tailored Style"
|
||||
/>
|
||||
@@ -55,70 +47,20 @@ export default function LandingPage() {
|
||||
title="Your perfect suit starts with good advice."
|
||||
description="With us, everything revolves around personal service. Whether you're looking for a suit for a wedding, work, or a special occasion—we take the time to help you perfectly."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@customer",
|
||||
testimonial: "Super friendly and really well helped. Nothing is too much trouble.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-bearded-man-busines-clothes-showing-thumb-up-looking-camera-gray_171337-11351.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark V.",
|
||||
handle: "@customer",
|
||||
testimonial: "If you let them advise you, you'll get the best result.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-bearded-guy-smiling-gesturing-with-ok-sign-expressing-good-choice-being-isolated-graphite_171337-455.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@customer",
|
||||
testimonial: "Beautiful suits and good prices. Definitely a recommendation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-businessman-suit-showing-okay-sign-looking-satisfied-standing-against-white-ba_1258-173565.jpg",
|
||||
},
|
||||
{
|
||||
name: "Tom D.",
|
||||
handle: "@customer",
|
||||
testimonial: "An incredible experience. I felt like a gentleman from the moment I entered.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-enjoying-last-rumors-yellow_179666-1437.jpg",
|
||||
},
|
||||
{
|
||||
name: "Lisa K.",
|
||||
handle: "@customer",
|
||||
testimonial: "Professional service and top-tier tailoring. I am a lifelong customer.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule a fitting",
|
||||
href: "#contact",
|
||||
},
|
||||
{ name: "Sarah J.", handle: "@customer", testimonial: "Super friendly and really well helped. Nothing is too much trouble.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-bearded-man-busines-clothes-showing-thumb-up-looking-camera-gray_171337-11351.jpg" },
|
||||
{ name: "Mark V.", handle: "@customer", testimonial: "If you let them advise you, you'll get the best result.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-bearded-guy-smiling-gesturing-with-ok-sign-expressing-good-choice-being-isolated-graphite_171337-455.jpg" },
|
||||
{ name: "Elena R.", handle: "@customer", testimonial: "Beautiful suits and good prices. Definitely a recommendation.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-businessman-suit-showing-okay-sign-looking-satisfied-standing-against-white-ba_1258-173565.jpg" },
|
||||
{ name: "Tom D.", handle: "@customer", testimonial: "An incredible experience. I felt like a gentleman from the moment I entered.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-enjoying-last-rumors-yellow_179666-1437.jpg" },
|
||||
{ name: "Lisa K.", handle: "@customer", testimonial: "Professional service and top-tier tailoring. I am a lifelong customer.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Schedule a fitting", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-length-portrait-man-holding-smartphone_171337-19093.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-choosing-leather-belt-store_482257-85806.jpg",
|
||||
alt: "Man choosing leather belt",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/concentrated-young-bearded-businessman-standing-indoors_171337-19232.jpg",
|
||||
alt: "Concentrated businessman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-clothes-shop_1303-19718.jpg",
|
||||
alt: "Young man choosing clothes",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/owner-getting-ready-reopening_23-2149142190.jpg",
|
||||
alt: "Store owner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-elegant-handsome-businessman-male-model-suit_158538-2192.jpg",
|
||||
alt: "Elegant businessman",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-choosing-leather-belt-store_482257-85806.jpg", alt: "Man choosing leather belt" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/concentrated-young-bearded-businessman-standing-indoors_171337-19232.jpg", alt: "Concentrated businessman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-clothes-shop_1303-19718.jpg", alt: "Young man choosing clothes" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/owner-getting-ready-reopening_23-2149142190.jpg", alt: "Store owner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-elegant-handsome-businessman-male-model-suit_158538-2192.jpg", alt: "Elegant businessman" }
|
||||
]}
|
||||
avatarText="Trusted by 1000+ satisfied clients"
|
||||
/>
|
||||
@@ -131,18 +73,9 @@ export default function LandingPage() {
|
||||
title="Why our customers choose us"
|
||||
description="We believe a perfect fit is more than measurements; it's about understanding your style and personality. We take the time to ensure every detail is just right."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Personal attention",
|
||||
description: "We take the time for every customer, ensuring you feel confident in your choice.",
|
||||
},
|
||||
{
|
||||
title: "Honest advice",
|
||||
description: "Our experts provide styling advice that truly elevates your look, based on years of experience.",
|
||||
},
|
||||
{
|
||||
title: "Affordable quality",
|
||||
description: "Premium suits and accessories for every budget without compromising on style.",
|
||||
},
|
||||
{ title: "Personal attention", description: "We take the time for every customer, ensuring you feel confident in your choice." },
|
||||
{ title: "Honest advice", description: "Our experts provide styling advice that truly elevates your look, based on years of experience." },
|
||||
{ title: "Affordable quality", description: "Premium suits and accessories for every budget without compromising on style." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cheerful-young-ladies-stylish-outfits-work-as-fashion-designers-cozy-office-shorthaired-women-creates-clothes-patterns_197531-29824.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -155,36 +88,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Fitting",
|
||||
title: "Personal Styling",
|
||||
items: [
|
||||
"In-store measurements",
|
||||
"Style preference analysis",
|
||||
"Custom adjustment advice",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Assortment",
|
||||
title: "Wide Collection",
|
||||
items: [
|
||||
"Business suits",
|
||||
"Casual blazers",
|
||||
"Formal tuxedos",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Support",
|
||||
title: "Expert Guidance",
|
||||
items: [
|
||||
"Color consultation",
|
||||
"Accessory pairing",
|
||||
"Event-specific styling",
|
||||
],
|
||||
},
|
||||
{ id: "f1", label: "Fitting", title: "Personal Styling", items: ["In-store measurements", "Style preference analysis", "Custom adjustment advice"] },
|
||||
{ id: "f2", label: "Assortment", title: "Wide Collection", items: ["Business suits", "Casual blazers", "Formal tuxedos"] },
|
||||
{ id: "f3", label: "Support", title: "Expert Guidance", items: ["Color consultation", "Accessory pairing", "Event-specific styling"] }
|
||||
]}
|
||||
title="Our Professional Approach"
|
||||
description="We make style accessible through personalized experiences and expert curation."
|
||||
@@ -198,42 +104,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Navy Suit",
|
||||
price: "€399",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-young-businessman-blue-suit-isolated-white-wall_231208-9205.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Elegant Tuxedo",
|
||||
price: "€599",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-s-morning-handsome-man-black-tuxedo-with-white-orchid_8353-8049.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Casual Blazer",
|
||||
price: "€199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-beautiful-woman-posing-against-concrete-wall-sunny-day-summer-fashion-style-trend_285396-10754.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Premium Leather Belt",
|
||||
price: "€89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-accessoires-travel-with-man-clothing-concept-headphone-wooden-background-bow-tie-wallet-sunglasses-shoe-bag-hat-wood-table_1921-96.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Office Wool Suit",
|
||||
price: "€450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gray-blazer-casual-men-rsquo-s-wear_53876-101513.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Silk Tie Collection",
|
||||
price: "€49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fathers-day-composition-with-tools_23-2147790780.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Classic Navy Suit", price: "€399", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-young-businessman-blue-suit-isolated-white-wall_231208-9205.jpg" },
|
||||
{ id: "p2", name: "Elegant Tuxedo", price: "€599", imageSrc: "http://img.b2bpic.net/free-photo/groom-s-morning-handsome-man-black-tuxedo-with-white-orchid_8353-8049.jpg" },
|
||||
{ id: "p3", name: "Casual Blazer", price: "€199", imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-beautiful-woman-posing-against-concrete-wall-sunny-day-summer-fashion-style-trend_285396-10754.jpg" },
|
||||
{ id: "p4", name: "Premium Leather Belt", price: "€89", imageSrc: "http://img.b2bpic.net/free-photo/top-view-accessoires-travel-with-man-clothing-concept-headphone-wooden-background-bow-tie-wallet-sunglasses-shoe-bag-hat-wood-table_1921-96.jpg" },
|
||||
{ id: "p5", name: "Office Wool Suit", price: "€450", imageSrc: "http://img.b2bpic.net/free-photo/gray-blazer-casual-men-rsquo-s-wear_53876-101513.jpg" },
|
||||
{ id: "p6", name: "Silk Tie Collection", price: "€49", imageSrc: "http://img.b2bpic.net/free-photo/fathers-day-composition-with-tools_23-2147790780.jpg" }
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Explore our curated range of suits, casual wear, and essential accessories for any occasion."
|
||||
@@ -247,27 +123,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Expert tailoring",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1000+",
|
||||
title: "Happy Clients",
|
||||
description: "Perfect fits delivered",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9",
|
||||
title: "Average Rating",
|
||||
description: "Customer satisfaction",
|
||||
icon: Star,
|
||||
},
|
||||
{ id: "m1", value: "15+", title: "Years Experience", description: "Expert tailoring", icon: Award },
|
||||
{ id: "m2", value: "1000+", title: "Happy Clients", description: "Perfect fits delivered", icon: Users },
|
||||
{ id: "m3", value: "4.9", title: "Average Rating", description: "Customer satisfaction", icon: Star }
|
||||
]}
|
||||
title="Quality in Numbers"
|
||||
description="Our commitment to style and service reflected in our work."
|
||||
@@ -280,60 +138,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark V.",
|
||||
role: "Designer",
|
||||
company: "Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-body-portrait-proud-guy-enjoying-his-success_179666-2026.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
role: "Manager",
|
||||
company: "Global",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-mall_23-2148195370.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Tom D.",
|
||||
role: "Finance",
|
||||
company: "Capital",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-arranging-his-clothes-hangers_23-2148401434.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa K.",
|
||||
role: "Marketing",
|
||||
company: "Growth",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg" },
|
||||
{ id: "t2", name: "Mark V.", role: "Designer", company: "Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/half-body-portrait-proud-guy-enjoying-his-success_179666-2026.jpg" },
|
||||
{ id: "t3", name: "Elena R.", role: "Manager", company: "Global", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-mall_23-2148195370.jpg" },
|
||||
{ id: "t4", name: "Tom D.", role: "Finance", company: "Capital", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-arranging-his-clothes-hangers_23-2148401434.jpg" },
|
||||
{ id: "t5", name: "Lisa K.", role: "Marketing", company: "Growth", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Return rate",
|
||||
},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Styles",
|
||||
},
|
||||
{ value: "98%", label: "Return rate" },
|
||||
{ value: "4.9", label: "Avg Rating" },
|
||||
{ value: "500+", label: "Styles" }
|
||||
]}
|
||||
title="What our customers say"
|
||||
description="Real experiences from our community of well-dressed clients."
|
||||
@@ -344,21 +158,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, we recommend scheduling an appointment to ensure you get our full personal attention.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can you provide styling advice?",
|
||||
content: "Absolutely. Helping you choose the perfect outfit is our specialty.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What price range do you offer?",
|
||||
content: "We offer high-quality suits for various budgets, starting from affordable everyday options to premium tailored pieces.",
|
||||
},
|
||||
{ id: "q1", title: "Do I need an appointment?", content: "Yes, we recommend scheduling an appointment to ensure you get our full personal attention." },
|
||||
{ id: "q2", title: "Can you provide styling advice?", content: "Absolutely. Helping you choose the perfect outfit is our specialty." },
|
||||
{ id: "q3", title: "What price range do you offer?", content: "We offer high-quality suits for various budgets, starting from affordable everyday options to premium tailored pieces." }
|
||||
]}
|
||||
sideTitle="Common questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -368,9 +170,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Schedule your fitting appointment"
|
||||
description="Ready to find your perfect suit? Book a personal session with our styling experts and let us help you achieve your best look."
|
||||
@@ -383,44 +183,14 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
title: "Store", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 Tailored Style"
|
||||
bottomRightText="Personal style advice."
|
||||
|
||||
Reference in New Issue
Block a user