Merge version_1 into main #1
309
src/app/page.tsx
309
src/app/page.tsx
@@ -34,37 +34,21 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "#metrics",
|
||||
},
|
||||
name: "Metrics", id: "#metrics"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Shraddha Industries"
|
||||
/>
|
||||
@@ -76,35 +60,21 @@ export default function LandingPage() {
|
||||
description="Shraddha Industries delivers premium quality colour coated roofing solutions in Solapur, offering superior protection and modern design for every project. Experience lasting beauty and robust performance for your industrial, commercial, or residential needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
{
|
||||
text: "Explore Products",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Products", href: "#products"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
|
||||
alt: "profile picture smiling man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg", alt: "profile picture smiling man"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg",
|
||||
alt: "profile picture smiling woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg", alt: "profile picture smiling woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg",
|
||||
alt: "profile picture young professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg", alt: "profile picture young professional"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1600.jpg",
|
||||
alt: "profile picture experienced woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1600.jpg", alt: "profile picture experienced woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",
|
||||
alt: "Technician making sure high tech facility data center is appropriately equipped",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg", alt: "Technician making sure high tech facility data center is appropriately equipped"},
|
||||
]}
|
||||
avatarText="Trusted by Architects & Builders"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/background-indoor-building_1232-4603.jpg"
|
||||
@@ -119,17 +89,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "About Shraddha Industries: Your Trusted Roofing Partner",
|
||||
},
|
||||
type: "text", content: "About Shraddha Industries: Your Trusted Roofing Partner"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
text="At Shraddha Industries, located in Solapur, we are dedicated to manufacturing and supplying high-quality colour coated roofing sheets. With years of expertise, we pride ourselves on providing robust, weather-resistant, and aesthetically pleasing roofing solutions that meet diverse industrial, commercial, and residential requirements. Our commitment to innovation and customer satisfaction ensures every product delivers superior performance and value. We leverage advanced technology and stringent quality control to produce roofing that stands the test of time and weather, making us the preferred choice for durable and beautiful rooftops."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -140,45 +105,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Superior Durability",
|
||||
tags: [
|
||||
"Long-lasting",
|
||||
"Robust",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-brown-wooden-trunk_23-2148211793.jpg",
|
||||
imageAlt: "weather-resistant roofing material closeup",
|
||||
},
|
||||
id: "f1", title: "Superior Durability", tags: [
|
||||
"Long-lasting", "Robust"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-brown-wooden-trunk_23-2148211793.jpg", imageAlt: "weather-resistant roofing material closeup"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Aesthetic Appeal",
|
||||
tags: [
|
||||
"Vibrant Colors",
|
||||
"Modern Design",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836784.jpg",
|
||||
imageAlt: "modern building with colourful roof",
|
||||
},
|
||||
id: "f2", title: "Aesthetic Appeal", tags: [
|
||||
"Vibrant Colors", "Modern Design"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836784.jpg", imageAlt: "modern building with colourful roof"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Weather Resistance",
|
||||
tags: [
|
||||
"Corrosion Proof",
|
||||
"Heat Reflective",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg",
|
||||
imageAlt: "energy efficient roof insulation",
|
||||
},
|
||||
id: "f3", title: "Weather Resistance", tags: [
|
||||
"Corrosion Proof", "Heat Reflective"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg", imageAlt: "energy efficient roof insulation"},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Cost-Effective Solution",
|
||||
tags: [
|
||||
"Low Maintenance",
|
||||
"High Value",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foundation-castle-tower-edo-jo-castle-japan_1232-2306.jpg",
|
||||
imageAlt: "energy efficient roof insulation",
|
||||
},
|
||||
id: "f4", title: "Cost-Effective Solution", tags: [
|
||||
"Low Maintenance", "High Value"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foundation-castle-tower-edo-jo-castle-japan_1232-2306.jpg", imageAlt: "energy efficient roof insulation"},
|
||||
]}
|
||||
title="Why Choose Our Colour Coated Roofing?"
|
||||
description="Experience the benefits of advanced roofing technology, designed for performance, lasting beauty, and unparalleled protection."
|
||||
@@ -193,47 +134,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Crimson Red Sheets",
|
||||
price: "Starting at ₹120/sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13476.jpg",
|
||||
imageAlt: "red colour coated roofing sheet sample",
|
||||
},
|
||||
id: "p1", name: "Crimson Red Sheets", price: "Starting at ₹120/sqft", imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13476.jpg", imageAlt: "red colour coated roofing sheet sample"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Royal Blue Sheets",
|
||||
price: "Starting at ₹125/sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15977.jpg",
|
||||
imageAlt: "blue colour coated roofing sheet sample",
|
||||
},
|
||||
id: "p2", name: "Royal Blue Sheets", price: "Starting at ₹125/sqft", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15977.jpg", imageAlt: "blue colour coated roofing sheet sample"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Emerald Green Sheets",
|
||||
price: "Starting at ₹118/sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15961.jpg",
|
||||
imageAlt: "green colour coated roofing sheet sample",
|
||||
},
|
||||
id: "p3", name: "Emerald Green Sheets", price: "Starting at ₹118/sqft", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15961.jpg", imageAlt: "green colour coated roofing sheet sample"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Slate Grey Sheets",
|
||||
price: "Starting at ₹115/sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15735.jpg",
|
||||
imageAlt: "grey colour coated roofing sheet sample",
|
||||
},
|
||||
id: "p4", name: "Slate Grey Sheets", price: "Starting at ₹115/sqft", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15735.jpg", imageAlt: "grey colour coated roofing sheet sample"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Pure White Sheets",
|
||||
price: "Starting at ₹130/sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13255.jpg",
|
||||
imageAlt: "white colour coated roofing sheet sample",
|
||||
},
|
||||
id: "p5", name: "Pure White Sheets", price: "Starting at ₹130/sqft", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13255.jpg", imageAlt: "white colour coated roofing sheet sample"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Chocolate Brown Sheets",
|
||||
price: "Starting at ₹122/sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-11822.jpg",
|
||||
imageAlt: "brown colour coated roofing material",
|
||||
},
|
||||
id: "p6", name: "Chocolate Brown Sheets", price: "Starting at ₹122/sqft", imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-11822.jpg", imageAlt: "brown colour coated roofing material"},
|
||||
]}
|
||||
title="Our Range of Colour Coated Roofing Sheets"
|
||||
description="Discover a variety of profiles and colours to match your architectural vision and functional needs for any project."
|
||||
@@ -249,32 +160,16 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+",
|
||||
title: "Years of Experience",
|
||||
description: "A decade of mastering roofing solutions.",
|
||||
icon: Gauge,
|
||||
id: "m1", value: "10+", title: "Years of Experience", description: "A decade of mastering roofing solutions.", icon: Gauge,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Successful Projects",
|
||||
description: "Completed across various sectors and scales.",
|
||||
icon: Building,
|
||||
id: "m2", value: "500+", title: "Successful Projects", description: "Completed across various sectors and scales.", icon: Building,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1M+",
|
||||
title: "Sqft Roofed",
|
||||
description: "Covering vast areas with durable materials.",
|
||||
icon: BarChart,
|
||||
id: "m3", value: "1M+", title: "Sqft Roofed", description: "Covering vast areas with durable materials.", icon: BarChart,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
description: "Our customers consistently vouch for our quality.",
|
||||
icon: Star,
|
||||
id: "m4", value: "98%", title: "Client Satisfaction", description: "Our customers consistently vouch for our quality.", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Proven Performance, Trusted Quality"
|
||||
@@ -292,50 +187,20 @@ export default function LandingPage() {
|
||||
uniformGridCustomHeightClasses="min-h-95 2xl:min-h-105"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Rohan Sharma",
|
||||
role: "Project Manager",
|
||||
company: "Solapur Constructions",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-technician-holding-tool_181624-29956.jpg",
|
||||
imageAlt: "happy homeowner smiling next to house",
|
||||
},
|
||||
id: "t1", name: "Rohan Sharma", role: "Project Manager", company: "Solapur Constructions", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-technician-holding-tool_181624-29956.jpg", imageAlt: "happy homeowner smiling next to house"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Priya Singh",
|
||||
role: "Business Owner",
|
||||
company: "Apex Warehousing",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-interviewee-taking-notes_23-2149037866.jpg",
|
||||
imageAlt: "business owner with warehouse roof",
|
||||
},
|
||||
id: "t2", name: "Priya Singh", role: "Business Owner", company: "Apex Warehousing", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-interviewee-taking-notes_23-2149037866.jpg", imageAlt: "business owner with warehouse roof"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Amit Patel",
|
||||
role: "Architect",
|
||||
company: "Modern Designs Studio",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-working-project_1098-21466.jpg",
|
||||
imageAlt: "architect reviewing building plans",
|
||||
},
|
||||
id: "t3", name: "Amit Patel", role: "Architect", company: "Modern Designs Studio", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-working-project_1098-21466.jpg", imageAlt: "architect reviewing building plans"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Deepak Kumar",
|
||||
role: "Independent Contractor",
|
||||
company: "Kumar Builders",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3550.jpg",
|
||||
imageAlt: "contractor posing with completed roof",
|
||||
},
|
||||
id: "t4", name: "Deepak Kumar", role: "Independent Contractor", company: "Kumar Builders", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3550.jpg", imageAlt: "contractor posing with completed roof"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anjali Mehta",
|
||||
role: "Operations Head",
|
||||
company: "City Logistics",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-young-businesswoman-celebrating-triumphing-feeling-free-happy-posing-city-near_1258-117448.jpg",
|
||||
imageAlt: "female entrepreneur on construction site",
|
||||
},
|
||||
id: "t5", name: "Anjali Mehta", role: "Operations Head", company: "City Logistics", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-young-businesswoman-celebrating-triumphing-feeling-free-happy-posing-city-near_1258-117448.jpg", imageAlt: "female entrepreneur on construction site"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from satisfied customers who've experienced the Shraddha Industries difference in quality and service."
|
||||
@@ -347,14 +212,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Solapur BuildCo",
|
||||
"Agro Infra Solutions",
|
||||
"Industrial Fabricators",
|
||||
"Urban Housing Projects",
|
||||
"Logistic Hub India",
|
||||
"Green Energy Systems",
|
||||
"Mega Construction Ltd.",
|
||||
]}
|
||||
"Solapur BuildCo", "Agro Infra Solutions", "Industrial Fabricators", "Urban Housing Projects", "Logistic Hub India", "Green Energy Systems", "Mega Construction Ltd."]}
|
||||
title="Trusted by Leading Businesses"
|
||||
description="Our commitment to quality and reliability has earned the trust of a diverse client base across various industries."
|
||||
/>
|
||||
@@ -366,25 +224,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What are the benefits of colour coated roofing?",
|
||||
content: "Colour coated roofing offers superior corrosion resistance, enhanced durability, aesthetic appeal with a wide range of colors, thermal efficiency, and is lightweight, making it a popular choice for various applications.",
|
||||
},
|
||||
id: "q1", title: "What are the benefits of colour coated roofing?", content: "Colour coated roofing offers superior corrosion resistance, enhanced durability, aesthetic appeal with a wide range of colors, thermal efficiency, and is lightweight, making it a popular choice for various applications."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What kind of projects are suitable for your roofing?",
|
||||
content: "Our roofing solutions are ideal for industrial sheds, commercial complexes, warehouses, residential buildings, agricultural structures, and custom architectural projects in Solapur and surrounding regions.",
|
||||
},
|
||||
id: "q2", title: "What kind of projects are suitable for your roofing?", content: "Our roofing solutions are ideal for industrial sheds, commercial complexes, warehouses, residential buildings, agricultural structures, and custom architectural projects in Solapur and surrounding regions."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long does colour coated roofing last?",
|
||||
content: "With proper installation and maintenance, our high-quality colour coated roofing can last for several decades, typically 20-30 years, depending on environmental conditions and material specifications.",
|
||||
},
|
||||
id: "q3", title: "How long does colour coated roofing last?", content: "With proper installation and maintenance, our high-quality colour coated roofing can last for several decades, typically 20-30 years, depending on environmental conditions and material specifications."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Do you provide installation services?",
|
||||
content: "While we primarily manufacture and supply, we can connect you with trusted and experienced installation partners in the Solapur area to ensure your roofing is fitted professionally.",
|
||||
},
|
||||
id: "q4", title: "Do you provide installation services?", content: "While we primarily manufacture and supply, we can connect you with trusted and experienced installation partners in the Solapur area to ensure your roofing is fitted professionally."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about our colour coated roofing products and services."
|
||||
@@ -396,18 +242,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Ready to enhance your property with durable, aesthetic roofing? Contact Shraddha Industries today for a consultation or quote. We look forward to hearing from you and helping you choose the perfect roofing solution!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us Now",
|
||||
href: "tel:+911234567890",
|
||||
},
|
||||
text: "Call Us Now", href: "tel:+911234567890"},
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:info@shraddhaindustries.com",
|
||||
},
|
||||
text: "Email Us", href: "mailto:info@shraddhaindustries.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -418,49 +259,31 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Pricing", href: "#contact"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user