Merge version_1 into main #2
228
src/app/page.tsx
228
src/app/page.tsx
@@ -31,68 +31,43 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Gassane Tailor"
|
||||
button={{
|
||||
text: "Book Fitting",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Fitting", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Bespoke Tailoring Crafted Just for You"
|
||||
description="Premium custom suits, dresses, and formal wear tailored to your exact measurements and style. Experience the confidence of perfectly fitted clothing made by master craftsmen."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Fitting",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Fitting", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-mature-attractive-talented-hispanic-clothes-designer-preparing-blue-dress-sewing-removing-mistakes-mannequin-getting-ready-fashion-show_176420-11854.jpg?_wi=1",
|
||||
imageAlt: "Artisanal suit craftsmanship",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-mature-attractive-talented-hispanic-clothes-designer-preparing-blue-dress-sewing-removing-mistakes-mannequin-getting-ready-fashion-show_176420-11854.jpg", imageAlt: "Artisanal suit craftsmanship"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-trying-blue-coat-senior-man-his-shop_23-2148180344.jpg",
|
||||
imageAlt: "Fashion designer trying blue coat over senior man in his shop",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-trying-blue-coat-senior-man-his-shop_23-2148180344.jpg", imageAlt: "Fashion designer trying blue coat over senior man in his shop"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-fashion-designer-s-hand-taking-measurement-blue-fabric-with-yellow-measuring-tape_23-2148180373.jpg",
|
||||
imageAlt: "Close-up of male fashion designer's hand taking measurement of blue fabric with yellow measuring tape",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-fashion-designer-s-hand-taking-measurement-blue-fabric-with-yellow-measuring-tape_23-2148180373.jpg", imageAlt: "Close-up of male fashion designer's hand taking measurement of blue fabric with yellow measuring tape"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-skilled-suitmaker-doing-fit-sizing-bespoken-clothing-piece-using-measurement-tape-precise-experienced-couturier-helping-customer-with-custom-made-sartorial-suit_482257-64887.jpg",
|
||||
imageAlt: "Extreme close up of skilled suitmaker doing fit sizing on bespoken clothing piece using measurement tape",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-skilled-suitmaker-doing-fit-sizing-bespoken-clothing-piece-using-measurement-tape-precise-experienced-couturier-helping-customer-with-custom-made-sartorial-suit_482257-64887.jpg", imageAlt: "Extreme close up of skilled suitmaker doing fit sizing on bespoken clothing piece using measurement tape"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-male-tailor-with-measuring-tape-around-his-neck-showing-button-his-customer_23-2148180291.jpg",
|
||||
imageAlt: "Close-up of a senior male tailor with measuring tape around his neck showing button to his customer",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-male-tailor-with-measuring-tape-around-his-neck-showing-button-his-customer_23-2148180291.jpg", imageAlt: "Close-up of a senior male tailor with measuring tape around his neck showing button to his customer"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -106,17 +81,11 @@ export default function LandingPage() {
|
||||
description="At Gassane Tailor, we believe every stitch tells a story. With decades of combined experience, our master craftsmen transform premium fabrics into timeless garments that reflect your unique persona and stature."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Craftsmanship",
|
||||
description: "Master-level tailoring techniques passed down through generations.",
|
||||
},
|
||||
title: "Expert Craftsmanship", description: "Master-level tailoring techniques passed down through generations."},
|
||||
{
|
||||
title: "Premium Materials",
|
||||
description: "Sourced from the finest mills worldwide to ensure comfort and durability.",
|
||||
},
|
||||
title: "Premium Materials", description: "Sourced from the finest mills worldwide to ensure comfort and durability."},
|
||||
{
|
||||
title: "Precision Fit",
|
||||
description: "Ensuring every curve and line of your garment reflects perfection.",
|
||||
},
|
||||
title: "Precision Fit", description: "Ensuring every curve and line of your garment reflects perfection."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mens-suit-with-stripes-it_114579-12628.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -130,37 +99,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Consultation",
|
||||
description: "A deep dive into your preferences and style goals.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thread-roll-close-up_53876-88931.jpg",
|
||||
title: "Consultation", description: "A deep dive into your preferences and style goals.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thread-roll-close-up_53876-88931.jpg", imageAlt: "premium selection of luxury wool fabrics"
|
||||
},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-mature-attractive-talented-hispanic-clothes-designer-preparing-blue-dress-sewing-removing-mistakes-mannequin-getting-ready-fashion-show_176420-11854.jpg?_wi=2",
|
||||
imageAlt: "premium selection of luxury wool fabrics",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Measurement",
|
||||
description: "An exhaustive analysis of your physical measurements for a perfect fit.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414736.jpg",
|
||||
title: "Measurement", description: "An exhaustive analysis of your physical measurements for a perfect fit.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414736.jpg", imageAlt: "premium selection of luxury wool fabrics"
|
||||
},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-fashion-designer-taking-break-from-work-thinking-about-new-designs_613910-5289.jpg",
|
||||
imageAlt: "premium selection of luxury wool fabrics",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Craftsmanship",
|
||||
description: "Each piece is hand-sewn by our master artisans.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-tailor-trainee-making-sketch-manufacture-clothes-apprentice-learning-about-handcraft-textile-industry-experienced-couturier-teaching-beginner-make-clothing-items_482257-65145.jpg",
|
||||
title: "Craftsmanship", description: "Each piece is hand-sewn by our master artisans.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-tailor-trainee-making-sketch-manufacture-clothes-apprentice-learning-about-handcraft-textile-industry-experienced-couturier-teaching-beginner-make-clothing-items_482257-65145.jpg", imageAlt: "premium selection of luxury wool fabrics"
|
||||
},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-groom-getting-ready-wedding-ceremony_181624-38559.jpg",
|
||||
imageAlt: "premium selection of luxury wool fabrics",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Our Crafting Process"
|
||||
@@ -175,59 +132,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empowered-business-women-working-together_23-2149322971.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empowered-business-women-working-together_23-2149322971.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-celebrating-new-year-friends-drinks-champagne_1157-44307.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-celebrating-new-year-friends-drinks-champagne_1157-44307.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19598.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Director", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19598.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-paying-store_23-2149241399.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-paying-store_23-2149241399.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena V.",
|
||||
role: "Creative",
|
||||
company: "DesignStudio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-his-colleague_1098-3470.jpg",
|
||||
},
|
||||
id: "5", name: "Elena V.", role: "Creative", company: "DesignStudio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-his-colleague_1098-3470.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Suits Created",
|
||||
},
|
||||
value: "500+", label: "Suits Created"},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "15+", label: "Years Experience"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
value: "98%", label: "Satisfaction Rate"},
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Our work is defined by the satisfaction and confidence of our clientele."
|
||||
@@ -239,20 +165,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does a suit take?",
|
||||
content: "Typically 4-6 weeks depending on fabric selection and fitting schedule.",
|
||||
},
|
||||
id: "1", title: "How long does a suit take?", content: "Typically 4-6 weeks depending on fabric selection and fitting schedule."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer alterations?",
|
||||
content: "Yes, we handle alterations for our bespoke garments.",
|
||||
},
|
||||
id: "2", title: "Do you offer alterations?", content: "Yes, we handle alterations for our bespoke garments."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Where do I start?",
|
||||
content: "Book a fitting consultation to discuss fabrics and styles.",
|
||||
},
|
||||
id: "3", title: "Where do I start?", content: "Book a fitting consultation to discuss fabrics and styles."},
|
||||
]}
|
||||
sideTitle="Common Inquiries"
|
||||
sideDescription="Everything you need to know about our bespoke services."
|
||||
@@ -267,31 +184,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Pure Silk Linings",
|
||||
items: [
|
||||
"Sourced responsibly",
|
||||
"Hand-finished",
|
||||
],
|
||||
id: "m1", value: "100%", title: "Pure Silk Linings", items: [
|
||||
"Sourced responsibly", "Hand-finished"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24h",
|
||||
title: "Client Response",
|
||||
items: [
|
||||
"Dedicated support",
|
||||
"Fast communication",
|
||||
],
|
||||
id: "m2", value: "24h", title: "Client Response", items: [
|
||||
"Dedicated support", "Fast communication"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5000",
|
||||
title: "Fabric Options",
|
||||
items: [
|
||||
"World-class mills",
|
||||
"Latest patterns",
|
||||
],
|
||||
id: "m3", value: "5000", title: "Fabric Options", items: [
|
||||
"World-class mills", "Latest patterns"],
|
||||
},
|
||||
]}
|
||||
title="Excellence in Figures"
|
||||
@@ -306,22 +208,14 @@ export default function LandingPage() {
|
||||
description="Ready to experience precision fit? Reach out today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your garment needs",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your garment needs", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-talking-with-client-reception-desk_23-2148181957.jpg"
|
||||
/>
|
||||
@@ -332,29 +226,19 @@ export default function LandingPage() {
|
||||
logoText="Gassane Tailor"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Bespoke Suits",
|
||||
href: "#",
|
||||
},
|
||||
label: "Bespoke Suits", href: "#"},
|
||||
{
|
||||
label: "Formal Wear",
|
||||
href: "#",
|
||||
},
|
||||
label: "Formal Wear", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
title: "About", items: [
|
||||
{
|
||||
label: "Our Process",
|
||||
href: "#",
|
||||
},
|
||||
label: "Our Process", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user