Merge version_2 into main #1
164
src/app/page.tsx
164
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="V.Kanga Metal Works"
|
||||
/>
|
||||
@@ -59,19 +49,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Precision in Every Weld"
|
||||
description="V.Kanga Metal Works delivers exceptional steel fabrication, custom structural solutions, and precision engineering for commercial and industrial projects."
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "Request Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Our Services", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-low-angle-shot-ceiling-white-geometrical-buildings_181624-7370.jpg"
|
||||
imageAlt="Industrial welding showcase"
|
||||
@@ -96,19 +81,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Structural Fabrication",
|
||||
description: "Custom steel frames and beams built to strict load-bearing standards.",
|
||||
},
|
||||
title: "Structural Fabrication", description: "Custom steel frames and beams built to strict load-bearing standards."},
|
||||
{
|
||||
icon: Compass,
|
||||
title: "Precision Design",
|
||||
description: "Engineering services that transform your architectural visions into reality.",
|
||||
},
|
||||
title: "Precision Design", description: "Engineering services that transform your architectural visions into reality."},
|
||||
{
|
||||
icon: Truck,
|
||||
title: "On-Time Delivery",
|
||||
description: "Efficient logistics ensuring your project stays on schedule.",
|
||||
},
|
||||
title: "On-Time Delivery", description: "Efficient logistics ensuring your project stays on schedule."},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="We specialize in a comprehensive range of metal fabrication services designed to meet the rigorous demands of modern construction and design."
|
||||
@@ -123,41 +102,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Steel Structural Beams",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-worker-hard-hat-large-metalworking-plant_146671-19572.jpg",
|
||||
},
|
||||
id: "p1", name: "Steel Structural Beams", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-worker-hard-hat-large-metalworking-plant_146671-19572.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Artisan Iron Railings",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-male-dressed-safety-yellow-cap-works-with-chain-saw-garage_613910-12087.jpg",
|
||||
},
|
||||
id: "p2", name: "Artisan Iron Railings", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-male-dressed-safety-yellow-cap-works-with-chain-saw-garage_613910-12087.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Industrial Plates",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woodworker-is-leaning-wooden-table_613910-11850.jpg",
|
||||
},
|
||||
id: "p3", name: "Industrial Plates", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/woodworker-is-leaning-wooden-table_613910-11850.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Decorative Gates",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/details-metal-lattice-fence-selective-focus-protection-decoration-plots-idea-security-decor_166373-3405.jpg",
|
||||
},
|
||||
id: "p4", name: "Decorative Gates", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/details-metal-lattice-fence-selective-focus-protection-decoration-plots-idea-security-decor_166373-3405.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Workshop Tables",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sunlit-artist-s-workshop_23-2151949039.jpg",
|
||||
},
|
||||
id: "p5", name: "Workshop Tables", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/sunlit-artist-s-workshop_23-2151949039.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Construction Brackets",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rows-seats_1398-3036.jpg",
|
||||
},
|
||||
id: "p6", name: "Construction Brackets", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/rows-seats_1398-3036.jpg"},
|
||||
]}
|
||||
title="Our Metal Products"
|
||||
description="Premium grade products tailored for residential and industrial architectural use."
|
||||
@@ -172,20 +127,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "25+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
id: "m1", value: "25+", description: "Years of Experience"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
id: "m2", value: "500+", description: "Projects Completed"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Safety Compliance",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Safety Compliance"},
|
||||
]}
|
||||
title="Proven Excellence"
|
||||
description="The numbers speak to our dedication to quality in every project we undertake."
|
||||
@@ -199,40 +145,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Site Manager",
|
||||
testimonial: "V.Kanga consistently delivers beyond expectation. Quality craftsmanship.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-latin-man-architect-smiling-confident-standing-with-arms-crossed-gesture-street_839833-2747.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", role: "Site Manager", testimonial: "V.Kanga consistently delivers beyond expectation. Quality craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/young-latin-man-architect-smiling-confident-standing-with-arms-crossed-gesture-street_839833-2747.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark L.",
|
||||
role: "Architect",
|
||||
testimonial: "Precision and reliability are hard to find. They are my top choice.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-confident-pensive-businessman-working-standing-table-drawing-sketch-white-modern-office-interior_176420-6542.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark L.", role: "Architect", testimonial: "Precision and reliability are hard to find. They are my top choice.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-confident-pensive-businessman-working-standing-table-drawing-sketch-white-modern-office-interior_176420-6542.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
role: "CEO",
|
||||
testimonial: "The structural integrity of their work is unmatched. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924139.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena R.", role: "CEO", testimonial: "The structural integrity of their work is unmatched. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924139.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
role: "Contractor",
|
||||
testimonial: "Always on time and accurate. A pleasure to work with.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-working-cutting-mdf-board_23-2149384796.jpg",
|
||||
},
|
||||
id: "t4", name: "David K.", role: "Contractor", testimonial: "Always on time and accurate. A pleasure to work with.", imageSrc: "http://img.b2bpic.net/free-photo/men-working-cutting-mdf-board_23-2149384796.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Emily B.",
|
||||
role: "Developer",
|
||||
testimonial: "Excellent service and deep understanding of construction needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industry-4-0-industrial-plant-senior-engineer-automating-robotic-machines-using-laptop-software_482257-135296.jpg",
|
||||
},
|
||||
id: "t5", name: "Emily B.", role: "Developer", testimonial: "Excellent service and deep understanding of construction needs.", imageSrc: "http://img.b2bpic.net/free-photo/industry-4-0-industrial-plant-senior-engineer-automating-robotic-machines-using-laptop-software_482257-135296.jpg"},
|
||||
]}
|
||||
title="Client Trust"
|
||||
description="Our long-standing partnerships are built on reliability, craftsmanship, and mutual success."
|
||||
@@ -243,8 +164,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Start Your Project"
|
||||
description="Ready to discuss your steel requirements? Reach out to our expert team for a custom quote or project consultation."
|
||||
@@ -259,37 +179,23 @@ export default function LandingPage() {
|
||||
logoText="V.Kanga Metal Works"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Work",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Our Work", href: "#products"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Safety Guidelines",
|
||||
href: "#",
|
||||
},
|
||||
label: "Safety Guidelines", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -299,4 +205,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user