Merge version_3_1782042135574 into main #3

Merged
bender merged 1 commits from version_3_1782042135574 into main 2026-06-21 11:43:38 +00:00
9 changed files with 307 additions and 218 deletions

View File

@@ -16,7 +16,7 @@
--background-accent: #7ba3cf;
/* @layout/border-radius/rounded */
--radius: 1.5rem;
--radius: 0.25rem;
/* @layout/content-width/medium */
--width-content-width: clamp(40rem, 72.5vw, 100rem);

View File

@@ -1,228 +1,33 @@
import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
import ContactCta from '@/components/sections/contact/ContactCta';
import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
// AUTO-GENERATED shell by per-section-migrate.
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
// files directly. Non-block content (wrappers, non-inlinable sections) is
// preserved inline; extracted section blocks become <XSection/> refs.
export default function HomePage() {
import React from 'react';
import HomeSection from './HomePage/sections/Home';
import AboutSection from './HomePage/sections/About';
import ProductsSection from './HomePage/sections/Products';
import MetricsSection from './HomePage/sections/Metrics';
import FaqSection from './HomePage/sections/Faq';
import TestimonialsSection from './HomePage/sections/Testimonials';
import ContactSection from './HomePage/sections/Contact';
export default function HomePage(): React.JSX.Element {
return (
<>
<div id="home" data-section="home">
<SectionErrorBoundary name="home">
<HeroBillboard
tag="India's Leading Manufacturer"
title="Premium Sewing Thread Manufacturer in India"
description="RK Sewing Thread provides top-tier polyester, industrial, and embroidery threads to garment factories and textile houses across India. Quality and reliability at your doorstep."
primaryButton={{
text: "Request Quote",
href: "#contact",
}}
secondaryButton={{
text: "Explore Products",
href: "#products",
}}
imageSrc="http://img.b2bpic.net/free-photo/sewing-thread-black-white-red-color_169016-5002.jpg?_wi=1"
/>
</SectionErrorBoundary>
</div>
<>
<HomeSection />
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutTextSplit
title="Our Expertise in Textile Excellence"
descriptions={[
"Based in Surat, Gujarat, RK Sewing Thread is a pioneer in manufacturing high-strength sewing and industrial threads. With years of experience serving the textile industry, we provide bespoke thread solutions including customized shade matching to meet unique client needs.",
"Our commitment to quality assurance, state-of-the-art machinery, and customer-centric service has made us a trusted partner for garment manufacturers, export houses, and embroidery units across the nation.",
]}
/>
</SectionErrorBoundary>
</div>
<AboutSection />
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesImageBento
tag="Our Catalog"
title="Textile Thread Solutions"
description="Browse our comprehensive range of high-performance threads for every industrial application."
items={[
{
title: "Polyester Thread",
description: "High-strength polyester threads for industrial sewing.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-colorful-threads-dark-surface-darkness-pin-sewing-measure-photo-color_179666-24416.jpg",
},
{
title: "Industrial Thread",
description: "Durable threads built for heavy-duty manufacturing.",
imageSrc: "http://img.b2bpic.net/free-photo/objects-with-reflective-effect_23-2150141924.jpg",
},
{
title: "Embroidery Thread",
description: "Vibrant colors for precision embroidery units.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-thread-with-copy-space_23-2148739423.jpg",
},
{
title: "Garment Threads",
description: "Versatile threads for the garment industry.",
imageSrc: "http://img.b2bpic.net/free-photo/sewing-thread-reels_23-2148145931.jpg",
},
{
title: "Textile Solutions",
description: "Advanced solutions for diverse textile applications.",
imageSrc: "http://img.b2bpic.net/free-photo/tailoring-items-arrangement-still-life_23-2149647299.jpg",
},
{
title: "Custom Shades",
description: "Precision color matching for your requirements.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sewing-accesories-with-copy-space_23-2148586818.jpg",
},
{
title: "Bulk Supply",
description: "Large scale supply for wholesalers and retailers.",
imageSrc: "http://img.b2bpic.net/free-photo/sewing-thread-reels_23-2148146004.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<ProductsSection />
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsFeatureCards
tag="Manufacturing Excellence"
title="Why Choose RK Sewing Thread"
description="We deliver unmatched quality with rigorous production standards and advanced manufacturing capabilities."
metrics={[
{
value: "500+",
title: "Tons Monthly",
features: [
"High-Capacity Production",
"State-of-the-Art Machinery",
"Timely Bulk Delivery",
],
},
{
value: "100%",
title: "Quality Control",
features: [
"Rigorous QC Processes",
"Tensile Strength Testing",
"Zero Defect Tolerance",
],
},
{
value: "1000+",
title: "Custom Shades",
features: [
"Customized Thread Solutions",
"B2B Shade Matching",
"Advanced Color Lab",
],
},
]}
/>
</SectionErrorBoundary>
</div>
<MetricsSection />
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTabbedAccordion
tag="Common Questions"
title="Frequently Asked Questions"
description="Everything you need to know about our thread solutions."
categories={[
{
name: "General",
items: [
{
question: "Do you provide custom shade matching?",
answer: "Yes, we specialize in providing customized thread shades based on your specific requirements.",
},
{
question: "Do you supply across India?",
answer: "Yes, we have a robust supply chain to serve textile manufacturers and traders across all major Indian cities.",
},
],
},
{
name: "Orders",
items: [
{
question: "How can I request a quotation?",
answer: "Simply fill out our inquiry form or contact us directly on WhatsApp for a quick quote.",
},
{
question: "Do you accept wholesale orders?",
answer: "Yes, we are a major supplier to wholesalers and exporters with significant manufacturing capacity.",
},
],
},
]}
/>
</SectionErrorBoundary>
</div>
<FaqSection />
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialMarqueeCards
tag="Trust & Credibility"
title="What Our Partners Say"
description="Trusted by leading garment exporters and textile units."
testimonials={[
{
name: "Rajesh Gupta",
role: "Owner",
quote: "RK Sewing Thread provides the most consistent polyester threads I have sourced. Truly professional.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
},
{
name: "Priya Sharma",
role: "Factory Manager",
quote: "Reliable quality and fast delivery across India. Great for our embroidery units.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg",
},
{
name: "Vikram Singh",
role: "Export Lead",
quote: "The customized shade matching facility saved our project timeline significantly.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
},
{
name: "Anil Mehta",
role: "Wholesaler",
quote: "Consistent high quality and excellent pricing for our textile traders.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswomen-relaxing-cafe_53876-30774.jpg",
},
{
name: "Sunita Rao",
role: "Garment Owner",
quote: "RK is our go-to partner for all our sewing thread requirements now.",
imageSrc: "http://img.b2bpic.net/free-photo/suitmaker-working-tailoring-studio_482257-78154.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<TestimonialsSection />
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Connect With Us"
text="Ready to enhance your textile production with high-quality threads? Let's talk about your specific needs."
primaryButton={{
text: "WhatsApp Now",
href: "https://wa.me/91XXXXXXXXXX",
}}
secondaryButton={{
text: "Get Quote",
href: "mailto:info@rksewingthread.com",
}}
/>
</SectionErrorBoundary>
</div>
<ContactSection />
</>
);
}

View File

@@ -0,0 +1,22 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "about" section.
import React from 'react';
import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function AboutSection(): React.JSX.Element {
return (
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutTextSplit
title="Our Expertise in Textile Excellence"
descriptions={[
"Based in Surat, Gujarat, RK Sewing Thread is a pioneer in manufacturing high-strength sewing and industrial threads. With years of experience serving the textile industry, we provide bespoke thread solutions including customized shade matching to meet unique client needs.",
"Our commitment to quality assurance, state-of-the-art machinery, and customer-centric service has made us a trusted partner for garment manufacturers, export houses, and embroidery units across the nation.",
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,27 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "contact" section.
import React from 'react';
import ContactCta from '@/components/sections/contact/ContactCta';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ContactSection(): React.JSX.Element {
return (
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Connect With Us"
text="Ready to enhance your textile production with high-quality threads? Let's talk about your specific needs."
primaryButton={{
text: "WhatsApp Now",
href: "https://wa.me/91XXXXXXXXXX",
}}
secondaryButton={{
text: "Get Quote",
href: "mailto:info@rksewingthread.com",
}}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,48 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "faq" section.
import React from 'react';
import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FaqSection(): React.JSX.Element {
return (
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTabbedAccordion
tag="Common Questions"
title="Frequently Asked Questions"
description="Everything you need to know about our thread solutions."
categories={[
{
name: "General",
items: [
{
question: "Do you provide custom shade matching?",
answer: "Yes, we specialize in providing customized thread shades based on your specific requirements.",
},
{
question: "Do you supply across India?",
answer: "Yes, we have a robust supply chain to serve textile manufacturers and traders across all major Indian cities.",
},
],
},
{
name: "Orders",
items: [
{
question: "How can I request a quotation?",
answer: "Simply fill out our inquiry form or contact us directly on WhatsApp for a quick quote.",
},
{
question: "Do you accept wholesale orders?",
answer: "Yes, we are a major supplier to wholesalers and exporters with significant manufacturing capacity.",
},
],
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,29 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "home" section.
import React from 'react';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomeSection(): React.JSX.Element {
return (
<div id="home" data-section="home">
<SectionErrorBoundary name="home">
<HeroBillboard
tag="India's Leading Manufacturer"
title="Premium Sewing Thread Manufacturer in India"
description="RK Sewing Thread provides top-tier polyester, industrial, and embroidery threads to garment factories and textile houses across India. Quality and reliability at your doorstep."
primaryButton={{
text: "Request Quote",
href: "#contact",
}}
secondaryButton={{
text: "Explore Products",
href: "#products",
}}
imageSrc="http://img.b2bpic.net/free-photo/sewing-thread-black-white-red-color_169016-5002.jpg?_wi=1"
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,49 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "metrics" section.
import React from 'react';
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function MetricsSection(): React.JSX.Element {
return (
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsFeatureCards
tag="Manufacturing Excellence"
title="Why Choose RK Sewing Thread"
description="We deliver unmatched quality with rigorous production standards and advanced manufacturing capabilities."
metrics={[
{
value: "500+",
title: "Tons Monthly",
features: [
"High-Capacity Production",
"State-of-the-Art Machinery",
"Timely Bulk Delivery",
],
},
{
value: "100%",
title: "Quality Control",
features: [
"Rigorous QC Processes",
"Tensile Strength Testing",
"Zero Defect Tolerance",
],
},
{
value: "1000+",
title: "Custom Shades",
features: [
"Customized Thread Solutions",
"B2B Shade Matching",
"Advanced Color Lab",
],
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,57 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "products" section.
import React from 'react';
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ProductsSection(): React.JSX.Element {
return (
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesImageBento
tag="Our Catalog"
title="Textile Thread Solutions"
description="Browse our comprehensive range of high-performance threads for every industrial application."
items={[
{
title: "Polyester Thread",
description: "High-strength polyester threads for industrial sewing.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-colorful-threads-dark-surface-darkness-pin-sewing-measure-photo-color_179666-24416.jpg",
},
{
title: "Industrial Thread",
description: "Durable threads built for heavy-duty manufacturing.",
imageSrc: "http://img.b2bpic.net/free-photo/objects-with-reflective-effect_23-2150141924.jpg",
},
{
title: "Embroidery Thread",
description: "Vibrant colors for precision embroidery units.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-thread-with-copy-space_23-2148739423.jpg",
},
{
title: "Garment Threads",
description: "Versatile threads for the garment industry.",
imageSrc: "http://img.b2bpic.net/free-photo/sewing-thread-reels_23-2148145931.jpg",
},
{
title: "Textile Solutions",
description: "Advanced solutions for diverse textile applications.",
imageSrc: "http://img.b2bpic.net/free-photo/tailoring-items-arrangement-still-life_23-2149647299.jpg",
},
{
title: "Custom Shades",
description: "Precision color matching for your requirements.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sewing-accesories-with-copy-space_23-2148586818.jpg",
},
{
title: "Bulk Supply",
description: "Large scale supply for wholesalers and retailers.",
imageSrc: "http://img.b2bpic.net/free-photo/sewing-thread-reels_23-2148146004.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,52 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "testimonials" section.
import React from 'react';
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function TestimonialsSection(): React.JSX.Element {
return (
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialMarqueeCards
tag="Trust & Credibility"
title="What Our Partners Say"
description="Trusted by leading garment exporters and textile units."
testimonials={[
{
name: "Rajesh Gupta",
role: "Owner",
quote: "RK Sewing Thread provides the most consistent polyester threads I have sourced. Truly professional.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
},
{
name: "Priya Sharma",
role: "Factory Manager",
quote: "Reliable quality and fast delivery across India. Great for our embroidery units.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg",
},
{
name: "Vikram Singh",
role: "Export Lead",
quote: "The customized shade matching facility saved our project timeline significantly.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
},
{
name: "Anil Mehta",
role: "Wholesaler",
quote: "Consistent high quality and excellent pricing for our textile traders.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswomen-relaxing-cafe_53876-30774.jpg",
},
{
name: "Sunita Rao",
role: "Garment Owner",
quote: "RK is our go-to partner for all our sewing thread requirements now.",
imageSrc: "http://img.b2bpic.net/free-photo/suitmaker-working-tailoring-studio_482257-78154.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}