Merge version_1 into main #1
214
src/app/page.tsx
214
src/app/page.tsx
@@ -32,75 +32,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ISM Cape Town"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated-grid" }}
|
||||
title="Expert Industrial Sewing Machines & Real Support"
|
||||
description="From your first machine to full production setups, we provide the machines, installation, and ongoing support you need to succeed."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Machines",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Get Support",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Machines", href: "#products" }, { text: "Get Support", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-sewing-machine_23-2148898079.jpg",
|
||||
imageAlt: "Industrial sewing setup",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-tailor-working-leather-fabric_1303-23391.jpg",
|
||||
imageAlt: "Leather sewing machinery",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-origami-with-japanese-paper_23-2149048364.jpg",
|
||||
imageAlt: "Precision needlework",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shoemaker-using-sewing-machine_171337-12305.jpg",
|
||||
imageAlt: "Professional sewing floor",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-artisan-threading-black-leather-sewing-machine_8353-6069.jpg",
|
||||
imageAlt: "Technician assistance",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-mannequin-drawings_482257-85237.jpg",
|
||||
imageAlt: "Sewing workshop",
|
||||
},
|
||||
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-sewing-machine_23-2148898079.jpg", imageAlt: "Industrial sewing setup" },
|
||||
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/woman-tailor-working-leather-fabric_1303-23391.jpg", imageAlt: "Leather sewing machinery" },
|
||||
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-origami-with-japanese-paper_23-2149048364.jpg", imageAlt: "Precision needlework" },
|
||||
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shoemaker-using-sewing-machine_171337-12305.jpg", imageAlt: "Professional sewing floor" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/female-artisan-threading-black-leather-sewing-machine_8353-6069.jpg", imageAlt: "Technician assistance" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/industrial-mannequin-drawings_482257-85237.jpg", imageAlt: "Sewing workshop" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,15 +63,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Fashion Hub",
|
||||
"Leather Craft Co",
|
||||
"Cape Tailors",
|
||||
"Modern Stitches",
|
||||
"Urban Apparel",
|
||||
"Textile Solutions",
|
||||
"Stitch Masters",
|
||||
]}
|
||||
names={["Fashion Hub", "Leather Craft Co", "Cape Tailors", "Modern Stitches", "Urban Apparel", "Textile Solutions", "Stitch Masters"]}
|
||||
title="Trusted by Cape Town Professionals"
|
||||
description="Our machines drive local businesses and artisans every day."
|
||||
/>
|
||||
@@ -128,10 +74,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="We Don't Just Sell, We Support"
|
||||
description={[
|
||||
"Expertise you can count on, long after the invoice is paid.",
|
||||
"We specialize in heavy-duty machinery for professional leather and apparel production.",
|
||||
"Our mission is simple: keep your business running smoothly with reliable advice and constant support.",
|
||||
]}
|
||||
"Expertise you can count on, long after the invoice is paid.", "We specialize in heavy-duty machinery for professional leather and apparel production.", "Our mission is simple: keep your business running smoothly with reliable advice and constant support."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -141,33 +84,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Expert Setup & Training",
|
||||
descriptions: [
|
||||
"We ensure your machine is calibrated perfectly for your specific material type.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-good-looking-male-clothes-designer-with-dark-hair-fashionable-outfit-standing-workshop-posing-article-about-his-brand-artist-standing-his-comfy-studio_176420-11848.jpg",
|
||||
imageAlt: "Setup",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "WhatsApp Support",
|
||||
descriptions: [
|
||||
"Technical questions? Get answers fast via real-time messaging support.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-with-close-eyes-talking-cellphone_197531-33543.jpg",
|
||||
imageAlt: "Support",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Fast Repairs",
|
||||
descriptions: [
|
||||
"We value your production schedule, aiming for rapid turnaround on critical repairs.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-person-using-sewing-machine-face-mask_23-2148614668.jpg",
|
||||
imageAlt: "Repairs",
|
||||
},
|
||||
{ id: "f1", title: "Expert Setup & Training", descriptions: ["We ensure your machine is calibrated perfectly for your specific material type."], imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-good-looking-male-clothes-designer-with-dark-hair-fashionable-outfit-standing-workshop-posing-article-about-his-brand-artist-standing-his-comfy-studio_176420-11848.jpg", imageAlt: "Setup" },
|
||||
{ id: "f2", title: "WhatsApp Support", descriptions: ["Technical questions? Get answers fast via real-time messaging support."], imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-with-close-eyes-talking-cellphone_197531-33543.jpg", imageAlt: "Support" },
|
||||
{ id: "f3", title: "Fast Repairs", descriptions: ["We value your production schedule, aiming for rapid turnaround on critical repairs."], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-person-using-sewing-machine-face-mask_23-2148614668.jpg", imageAlt: "Repairs" },
|
||||
]}
|
||||
title="Why Professional Crafters Choose Us"
|
||||
description="Reliable machinery backed by genuine, human-first customer service."
|
||||
@@ -181,27 +100,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
title: "Machines Installed",
|
||||
description: "Successfully deployed in professional environments",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24h",
|
||||
title: "Avg Response",
|
||||
description: "Rapid response time for technical issues",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Client Retention",
|
||||
description: "Built on trust and quality relationships",
|
||||
icon: Shield,
|
||||
},
|
||||
{ id: "m1", value: "100+", title: "Machines Installed", description: "Successfully deployed in professional environments", icon: Award },
|
||||
{ id: "m2", value: "24h", title: "Avg Response", description: "Rapid response time for technical issues", icon: Zap },
|
||||
{ id: "m3", value: "99%", title: "Client Retention", description: "Built on trust and quality relationships", icon: Shield },
|
||||
]}
|
||||
title="Performance at a Glance"
|
||||
description="Our commitment to excellence translates into real-world results for your shop."
|
||||
@@ -214,41 +115,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Fashion Entrepreneur",
|
||||
testimonial: "The setup and training were excellent. Truly a cut above the rest.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-successful-businesswoman-posing-with-arms-folded-co-working-coffee-shop-interior-looking-camera-smiling_74855-10345.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus C.",
|
||||
role: "Leather Crafter",
|
||||
testimonial: "When I needed advice on leather machines, he guided me to the right one, not the most expensive.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shoemaker-man-working-with-leather_171337-12291.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elise R.",
|
||||
role: "Tailor Shop Owner",
|
||||
testimonial: "Always available for quick questions on WhatsApp. Unmatched support.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-office-computer_1303-31498.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
role: "Production Manager",
|
||||
testimonial: "Fastest repair service I've ever experienced in Cape Town.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-doing-packaging_23-2148886834.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica M.",
|
||||
role: "First-Time Buyer",
|
||||
testimonial: "Support that never disappears. He really cares about my success.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-female-student-holding-notebooks-from-courses-smiling-camera-standing-spring-clothes-against-blue-background_1258-70161.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", role: "Fashion Entrepreneur", testimonial: "The setup and training were excellent. Truly a cut above the rest.", imageSrc: "http://img.b2bpic.net/free-photo/positive-successful-businesswoman-posing-with-arms-folded-co-working-coffee-shop-interior-looking-camera-smiling_74855-10345.jpg" },
|
||||
{ id: "t2", name: "Marcus C.", role: "Leather Crafter", testimonial: "When I needed advice on leather machines, he guided me to the right one, not the most expensive.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shoemaker-man-working-with-leather_171337-12291.jpg" },
|
||||
{ id: "t3", name: "Elise R.", role: "Tailor Shop Owner", testimonial: "Always available for quick questions on WhatsApp. Unmatched support.", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-office-computer_1303-31498.jpg" },
|
||||
{ id: "t4", name: "David K.", role: "Production Manager", testimonial: "Fastest repair service I've ever experienced in Cape Town.", imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-doing-packaging_23-2148886834.jpg" },
|
||||
{ id: "t5", name: "Jessica M.", role: "First-Time Buyer", testimonial: "Support that never disappears. He really cares about my success.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-female-student-holding-notebooks-from-courses-smiling-camera-standing-spring-clothes-against-blue-background_1258-70161.jpg" },
|
||||
]}
|
||||
title="Voices from our Workshop"
|
||||
description="See what business owners and artisans are saying about their machines."
|
||||
@@ -260,21 +131,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer installation?",
|
||||
content: "Yes, all machines include professional setup and basic training for your staff.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can you handle emergency repairs?",
|
||||
content: "We prioritize production-stopping issues and aim for rapid response times.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What if I'm a complete beginner?",
|
||||
content: "We love helping beginners select their first machine and teach them how to use it confidently.",
|
||||
},
|
||||
{ id: "q1", title: "Do you offer installation?", content: "Yes, all machines include professional setup and basic training for your staff." },
|
||||
{ id: "q2", title: "Can you handle emergency repairs?", content: "We prioritize production-stopping issues and aim for rapid response times." },
|
||||
{ id: "q3", title: "What if I'm a complete beginner?", content: "We love helping beginners select their first machine and teach them how to use it confidently." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about our machines, support, and repair services."
|
||||
@@ -285,20 +144,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
text="Ready to equip your workshop? Reach out to discuss your specific needs or request a custom quote."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Support",
|
||||
href: "https://wa.me/27123456789",
|
||||
},
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "mailto:info@ismcapetown.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "WhatsApp Support", href: "https://wa.me/27123456789" }, { text: "Request a Quote", href: "mailto:info@ismcapetown.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user