Merge version_1 into main #2
323
src/app/page.tsx
323
src/app/page.tsx
@@ -33,22 +33,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Kimmy Alterations"
|
||||
/>
|
||||
@@ -56,18 +44,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Kimmy Alterations"
|
||||
description="Professional stitching and alterations with over 10 years of precision and care. Your garment, perfectly fitted."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-accessories-tailor-concept-tailor-tools-is-cutting-scis_1921-72.jpg?_wi=1"
|
||||
buttons={[{ text: "Book an Appointment", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-accessories-tailor-concept-tailor-tools-is-cutting-scis_1921-72.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -80,7 +61,7 @@ export default function LandingPage() {
|
||||
description="Whether it’s a quick repair or a complete custom fit, I treat every garment with the same precision and care as if it were my own."
|
||||
subdescription="Specializing in ladies, men’s, and kids' wear, I pride myself on perfect fits, fast turnaround, and delivering quality work at reasonable rates."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-old-woman-sitting-studio-sew-cloth_1157-37633.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-old-woman-sitting-studio-sew-cloth_1157-37633.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -92,64 +73,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Fitting",
|
||||
description: "Professional adjustments for suits, dresses, and traditional attire like lehenga choli.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-elegant-handsome-businessman-male-model-suit-tying-necktie_158538-13765.jpg",
|
||||
},
|
||||
title: "Expert Fitting", description: "Professional adjustments for suits, dresses, and traditional attire like lehenga choli.", media: { imageSrc: "http://img.b2bpic.net/free-photo/young-elegant-handsome-businessman-male-model-suit-tying-necktie_158538-13765.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Perfect Fit Guaranteed",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Specialist in Indian Wear",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Perfect Fit Guaranteed" },
|
||||
{ icon: CheckCircle, text: "Specialist in Indian Wear" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-accessories-tailor-concept-tailor-tools-is-cutting-scis_1921-72.jpg?_wi=2",
|
||||
imageAlt: "perfect fitting suit jacket",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Full Service Repair",
|
||||
description: "From zip and button fixes to complex handwork and intricate repairs.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-dress_23-2147990702.jpg",
|
||||
},
|
||||
title: "Full Service Repair", description: "From zip and button fixes to complex handwork and intricate repairs.", media: { imageSrc: "http://img.b2bpic.net/free-photo/wedding-dress_23-2147990702.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Detailed Handwork",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Durable Repairs",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Detailed Handwork" },
|
||||
{ icon: CheckCircle, text: "Durable Repairs" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-old-woman-sitting-studio-sew-cloth_1157-37633.jpg?_wi=2",
|
||||
imageAlt: "perfect fitting suit jacket",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Service First",
|
||||
description: "Quality work with fast turnarounds and consistently reliable, on-time delivery.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-designer-s-hand-choosing-thread-from-container_23-2147875009.jpg",
|
||||
},
|
||||
title: "Service First", description: "Quality work with fast turnarounds and consistently reliable, on-time delivery.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-designer-s-hand-choosing-thread-from-container_23-2147875009.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Fast Turnaround",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Reasonable Rates",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Fast Turnaround" },
|
||||
{ icon: CheckCircle, text: "Reasonable Rates" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-pins-dress-form_23-2148739380.jpg?_wi=1",
|
||||
imageAlt: "perfect fitting suit jacket",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Why Choose Kimmy?"
|
||||
@@ -164,42 +109,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Suit Tailoring",
|
||||
price: "From $45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-pins-dress-form_23-2148739380.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Lehenga Choli Fit",
|
||||
price: "From $60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400867.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Evening Gown Repair",
|
||||
price: "From $50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-touching-dress-shop_23-2147786839.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Trouser Hemming",
|
||||
price: "From $20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-adjusts-sleeve-his-jacket_8353-9802.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Custom Adjustments",
|
||||
price: "From $30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/craftsman-tailoring-studio_482257-84190.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Kidswear Alterations",
|
||||
price: "From $25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-reusing-fabric-material_23-2149400639.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Suit Tailoring", price: "From $45", imageSrc: "http://img.b2bpic.net/free-photo/person-using-pins-dress-form_23-2148739380.jpg" },
|
||||
{ id: "p2", name: "Lehenga Choli Fit", price: "From $60", imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400867.jpg" },
|
||||
{ id: "p3", name: "Evening Gown Repair", price: "From $50", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-touching-dress-shop_23-2147786839.jpg" },
|
||||
{ id: "p4", name: "Trouser Hemming", price: "From $20", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-adjusts-sleeve-his-jacket_8353-9802.jpg" },
|
||||
{ id: "p5", name: "Custom Adjustments", price: "From $30", imageSrc: "http://img.b2bpic.net/free-photo/craftsman-tailoring-studio_482257-84190.jpg" },
|
||||
{ id: "p6", name: "Kidswear Alterations", price: "From $25", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-reusing-fabric-material_23-2149400639.jpg" },
|
||||
]}
|
||||
title="Our Services"
|
||||
description="A comprehensive range of expert tailoring and alteration services."
|
||||
@@ -213,55 +128,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Quick Fix",
|
||||
price: "$15+",
|
||||
subtitle: "Repairs & Hemming",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Zip fix",
|
||||
"Button repair",
|
||||
"Basic hemming",
|
||||
],
|
||||
id: "basic", badge: "Quick Fix", price: "$15+", subtitle: "Repairs & Hemming", buttons: [{ text: "Book Now", href: "#contact" }],
|
||||
features: ["Zip fix", "Button repair", "Basic hemming"]
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
badge: "Essential",
|
||||
price: "$35+",
|
||||
subtitle: "Everyday Tailoring",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Pants adjustment",
|
||||
"Blouse fitting",
|
||||
"Sleeve work",
|
||||
],
|
||||
id: "standard", badge: "Essential", price: "$35+", subtitle: "Everyday Tailoring", buttons: [{ text: "Book Now", href: "#contact" }],
|
||||
features: ["Pants adjustment", "Blouse fitting", "Sleeve work"]
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Specialist",
|
||||
price: "$60+",
|
||||
subtitle: "Traditional & Custom",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Lehenga fit",
|
||||
"Suit custom fit",
|
||||
"Complex handwork",
|
||||
],
|
||||
id: "premium", badge: "Specialist", price: "$60+", subtitle: "Traditional & Custom", buttons: [{ text: "Book Now", href: "#contact" }],
|
||||
features: ["Lehenga fit", "Suit custom fit", "Complex handwork"]
|
||||
},
|
||||
]}
|
||||
title="Quality at Reasonable Rates"
|
||||
@@ -276,46 +152,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Naomi Fujita",
|
||||
role: "Trevari",
|
||||
company: "Neighbor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drawing-new-projects-chalkboard_329181-18074.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Meghan Murphy",
|
||||
role: "Magee Ranch",
|
||||
company: "Neighbor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-woman-cafe-with-laptop_197531-33889.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Susan Sheridan",
|
||||
role: "Sycamore",
|
||||
company: "Neighbor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Local Client",
|
||||
role: "Area Resident",
|
||||
company: "Neighbor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-looking-clothes_23-2149729278.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Another Happy Neighbor",
|
||||
role: "Area Resident",
|
||||
company: "Neighbor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-mature-man-senior-visiting-fashion-boutique-male-buy-new-exclusive-costume_1157-48876.jpg",
|
||||
},
|
||||
{ id: "1", name: "Naomi Fujita", role: "Trevari", company: "Neighbor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-drawing-new-projects-chalkboard_329181-18074.jpg" },
|
||||
{ id: "2", name: "Meghan Murphy", role: "Magee Ranch", company: "Neighbor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-woman-cafe-with-laptop_197531-33889.jpg" },
|
||||
{ id: "3", name: "Susan Sheridan", role: "Sycamore", company: "Neighbor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
|
||||
{ id: "4", name: "Local Client", role: "Area Resident", company: "Neighbor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-looking-clothes_23-2149729278.jpg" },
|
||||
{ id: "5", name: "Another Happy Neighbor", role: "Area Resident", company: "Neighbor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-mature-man-senior-visiting-fashion-boutique-male-buy-new-exclusive-costume_1157-48876.jpg" },
|
||||
]}
|
||||
title="Loved by Neighbors"
|
||||
description="Don't just take our word for it—see what our clients have to say."
|
||||
@@ -327,14 +168,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Nextdoor Fave",
|
||||
"Community Trusted",
|
||||
"Quality Craftsmanship",
|
||||
"Reliable Service",
|
||||
"Precision Tailoring",
|
||||
"Dedicated Care",
|
||||
"Professional Stitching",
|
||||
]}
|
||||
"Nextdoor Fave", "Community Trusted", "Quality Craftsmanship", "Reliable Service", "Precision Tailoring", "Dedicated Care", "Professional Stitching"]}
|
||||
title="Trusted Local Service"
|
||||
description="Recognized for quality, dedication, and precision in the neighborhood."
|
||||
/>
|
||||
@@ -344,26 +178,10 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How fast is your turnaround time?",
|
||||
content: "I offer quick turnarounds—often within 2-3 days depending on the scope of the job.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What kind of clothing do you alter?",
|
||||
content: "I work on ladies, men’s, and kidswear, including traditional attire like lehengas and cholis.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you handle custom tailoring?",
|
||||
content: "Yes, I offer both quick fixes and complete custom fits for your clothing.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Where can I meet for measurements?",
|
||||
content: "Please reach out to schedule an appointment for measurements.",
|
||||
},
|
||||
{ id: "q1", title: "How fast is your turnaround time?", content: "I offer quick turnarounds—often within 2-3 days depending on the scope of the job." },
|
||||
{ id: "q2", title: "What kind of clothing do you alter?", content: "I work on ladies, men’s, and kidswear, including traditional attire like lehengas and cholis." },
|
||||
{ id: "q3", title: "Do you handle custom tailoring?", content: "Yes, I offer both quick fixes and complete custom fits for your clothing." },
|
||||
{ id: "q4", title: "Where can I meet for measurements?", content: "Please reach out to schedule an appointment for measurements." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about our alteration and repair services."
|
||||
@@ -377,30 +195,11 @@ export default function LandingPage() {
|
||||
title="Book Your Alteration"
|
||||
description="Ready to get the perfect fit? Fill out the form below, and I'll get back to you promptly."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "service",
|
||||
type: "text",
|
||||
placeholder: "What service do you need?",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "service", type: "text", placeholder: "What service do you need?", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your garment...",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your garment...", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/creative-atelier-shop-workspace_482257-95822.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -410,36 +209,12 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/atelier-shop-full-sartorial-outfits_482257-90452.jpg"
|
||||
logoText="Kimmy Alterations"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user