Merge version_1 into main #2
288
src/app/page.tsx
288
src/app/page.tsx
@@ -16,200 +16,114 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="PALANIAMMAL STEEL"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="PALANIAMMAL STEEL"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Reliable Steel Supply in Paramakudi You Can Trust"
|
||||
description="Competitive Rates • Timely Delivery • Quality Materials. Your partner in construction excellence."
|
||||
tag="Trusted Local Supplier"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+919999999999",
|
||||
},
|
||||
{
|
||||
text: "Get Instant Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqNbw6f1vO56dgWIrQ2mrmONZ/modern-industrial-warehouse-interior-sta-1774768117529-0fbfb55d.png?_wi=1",
|
||||
imageAlt: "Steel warehouse interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqNbw6f1vO56dgWIrQ2mrmONZ/close-up-shot-of-tmt-steel-rods-for-cons-1774768117148-63ab28ae.png?_wi=1",
|
||||
imageAlt: "TMT steel rods",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqNbw6f1vO56dgWIrQ2mrmONZ/pallets-of-industrial-steel-building-mat-1774768117115-6715c72c.png?_wi=1",
|
||||
imageAlt: "Stacked construction steel",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqNbw6f1vO56dgWIrQ2mrmONZ/heavy-duty-truck-carrying-steel-material-1774768119871-19616bea.png?_wi=1",
|
||||
imageAlt: "Delivery logistics",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqNbw6f1vO56dgWIrQ2mrmONZ/modern-industrial-warehouse-interior-sta-1774768117529-0fbfb55d.png?_wi=2",
|
||||
imageAlt: "Industrial steel quality",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Based on local construction experts"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "plain" }}
|
||||
title="Reliable Steel Supply in Paramakudi You Can Trust"
|
||||
description="Competitive Rates • Timely Delivery • Quality Materials. Your partner in construction excellence."
|
||||
tag="Trusted Local Supplier"
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+919999999999" },
|
||||
{ text: "Get Instant Quote", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqNbw6f1vO56dgWIrQ2mrmONZ/modern-industrial-warehouse-interior-sta-1774768117529-0fbfb55d.png", imageAlt: "Steel warehouse interior"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqNbw6f1vO56dgWIrQ2mrmONZ/close-up-shot-of-tmt-steel-rods-for-cons-1774768117148-63ab28ae.png", imageAlt: "TMT steel rods"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Based on local construction experts"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Standard",
|
||||
name: "TMT Steel Rods",
|
||||
price: "Request Quote",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqNbw6f1vO56dgWIrQ2mrmONZ/close-up-shot-of-tmt-steel-rods-for-cons-1774768117148-63ab28ae.png?_wi=2",
|
||||
imageAlt: "TMT rods",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Premium",
|
||||
name: "Construction Steel",
|
||||
price: "Request Quote",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqNbw6f1vO56dgWIrQ2mrmONZ/pallets-of-industrial-steel-building-mat-1774768117115-6715c72c.png?_wi=2",
|
||||
imageAlt: "Construction steel",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Industrial",
|
||||
name: "Bulk Steel Supply",
|
||||
price: "Request Quote",
|
||||
rating: 5,
|
||||
reviewCount: "88",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqNbw6f1vO56dgWIrQ2mrmONZ/heavy-duty-truck-carrying-steel-material-1774768119871-19616bea.png?_wi=2",
|
||||
imageAlt: "Bulk steel supply",
|
||||
},
|
||||
]}
|
||||
title="Quality Materials"
|
||||
description="We supply premium steel rods, TMT bars, and essential materials for your construction needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", brand: "Standard", name: "TMT Steel Rods", price: "Request Quote", rating: 5,
|
||||
reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqNbw6f1vO56dgWIrQ2mrmONZ/close-up-shot-of-tmt-steel-rods-for-cons-1774768117148-63ab28ae.png", imageAlt: "TMT rods"},
|
||||
{
|
||||
id: "p2", brand: "Premium", name: "Construction Steel", price: "Request Quote", rating: 5,
|
||||
reviewCount: "95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqNbw6f1vO56dgWIrQ2mrmONZ/pallets-of-industrial-steel-building-mat-1774768117115-6715c72c.png", imageAlt: "Construction steel"},
|
||||
{
|
||||
id: "p3", brand: "Industrial", name: "Bulk Steel Supply", price: "Request Quote", rating: 5,
|
||||
reviewCount: "88", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqNbw6f1vO56dgWIrQ2mrmONZ/heavy-duty-truck-carrying-steel-material-1774768119871-19616bea.png", imageAlt: "Bulk steel supply"},
|
||||
]}
|
||||
title="Quality Materials"
|
||||
description="We supply premium steel rods, TMT bars, and essential materials for your construction needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "Contractor",
|
||||
testimonial: "Good items, feasible rates, timely supply. Truly reliable.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqNbw6f1vO56dgWIrQ2mrmONZ/professional-headshot-of-a-indian-constr-1774768118695-83bd60c2.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
handle: "Builder",
|
||||
testimonial: "Transparent pricing and honest guidance saved me time.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqNbw6f1vO56dgWIrQ2mrmONZ/professional-headshot-of-an-indian-real--1774768117045-3fdd3f9e.png",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "Developer",
|
||||
testimonial: "Excellent service and quality that stands the test of time.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqNbw6f1vO56dgWIrQ2mrmONZ/professional-headshot-of-a-local-busines-1774768120867-2d01a761.png",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
handle: "Owner",
|
||||
testimonial: "Punctual delivery every single time. My go-to supplier.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqNbw6f1vO56dgWIrQ2mrmONZ/professional-headshot-of-a-construction--1774768120759-68545215.png",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Rajesh Gupta",
|
||||
handle: "Architect",
|
||||
testimonial: "Top-tier industrial steel. Their consistency is unmatched.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqNbw6f1vO56dgWIrQ2mrmONZ/professional-headshot-of-a-indian-constr-1774768118695-83bd60c2.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Local Builders"
|
||||
description="See why local construction experts rely on us for their materials."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Sarah Johnson", handle: "Contractor", testimonial: "Good items, feasible rates, timely supply. Truly reliable.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqNbw6f1vO56dgWIrQ2mrmONZ/professional-headshot-of-a-indian-constr-1774768118695-83bd60c2.png"},
|
||||
{
|
||||
id: "t2", name: "Michael Chen", handle: "Builder", testimonial: "Transparent pricing and honest guidance saved me time.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqNbw6f1vO56dgWIrQ2mrmONZ/professional-headshot-of-an-indian-real--1774768117045-3fdd3f9e.png"}
|
||||
]}
|
||||
title="Trusted by Local Builders"
|
||||
description="See why local construction experts rely on us for their materials."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you deliver to my location?",
|
||||
content: "Yes, we cover the entire Paramakudi area and surrounding regions for bulk orders.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I request a custom bulk quote?",
|
||||
content: "Absolutely! Use the form or call us directly for customized bulk pricing.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What steel materials do you stock?",
|
||||
content: "We stock TMT bars, reinforcement rods, and various industrial steel profiles.",
|
||||
},
|
||||
]}
|
||||
ctaTitle="Ready for your next project?"
|
||||
ctaDescription="Get an instant quote or speak to our sales expert directly today."
|
||||
ctaButton={{
|
||||
text: "Call Now",
|
||||
href: "tel:+919999999999",
|
||||
}}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Do you deliver to my location?", content: "Yes, we cover the entire Paramakudi area and surrounding regions for bulk orders."},
|
||||
{
|
||||
id: "q2", title: "Can I request a custom bulk quote?", content: "Absolutely! Use the form or call us directly for customized bulk pricing."},
|
||||
{
|
||||
id: "q3", title: "What steel materials do you stock?", content: "We stock TMT bars, reinforcement rods, and various industrial steel profiles."},
|
||||
]}
|
||||
ctaTitle="Ready for your next project?"
|
||||
ctaDescription="Get an instant quote or speak to our sales expert directly today."
|
||||
ctaButton={{
|
||||
text: "Call Now", href: "tel:+919999999999"}}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="PALANIAMMAL STEEL CORPORATION"
|
||||
copyrightText="© 2025 Palaniammal Steel Corporation. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="PALANIAMMAL STEEL CORPORATION"
|
||||
copyrightText="© 2025 Palaniammal Steel Corporation. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user