Merge version_1 into main #2
269
src/app/page.tsx
269
src/app/page.tsx
@@ -18,31 +18,28 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
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">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Projects", id: "gallery"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Thobani Enterprise"
|
||||
/>
|
||||
@@ -51,41 +48,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Precision Engineering & Construction You Can Trust"
|
||||
description="From aluminium and steel fabrication to CCTV security and industrial maintenance — Thobani Enterprise delivers durable, high-performance solutions."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:0132461072",
|
||||
},
|
||||
text: "Call Now", href: "tel:0132461072"},
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request a Quote", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steel-construction-beams-showcasing-industrial-strength_91128-4664.jpg?_wi=1",
|
||||
imageAlt: "industrial steel fabrication background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steel-construction-beams-showcasing-industrial-strength_91128-4664.jpg", imageAlt: "industrial steel fabrication background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913877.jpg",
|
||||
imageAlt: "industrial steel fabrication background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913877.jpg", imageAlt: "industrial steel fabrication background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/champagne-bottle-with-burning-fire-sparkler-black-background_23-2148253247.jpg",
|
||||
imageAlt: "industrial steel fabrication background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/champagne-bottle-with-burning-fire-sparkler-black-background_23-2148253247.jpg", imageAlt: "industrial steel fabrication background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-texture-with-holes_1048-4049.jpg",
|
||||
imageAlt: "Metal texture with holes",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-texture-with-holes_1048-4049.jpg", imageAlt: "Metal texture with holes"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-texture-with-gold-silver-metal_1048-6454.jpg",
|
||||
imageAlt: "Abstract metallic texture with gold and silver metal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-texture-with-gold-silver-metal_1048-6454.jpg", imageAlt: "Abstract metallic texture with gold and silver metal"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -98,33 +80,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
description: "Proven track record in infrastructure.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-metallic-structure_1127-2129.jpg?_wi=1",
|
||||
},
|
||||
id: "m1", value: "10+", title: "Years Experience", description: "Proven track record in infrastructure.", imageSrc: "http://img.b2bpic.net/free-photo/white-metallic-structure_1127-2129.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Certified",
|
||||
title: "Expert Team",
|
||||
description: "Qualified professionals for every project.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-call_1098-12851.jpg?_wi=1",
|
||||
},
|
||||
id: "m2", value: "Certified", title: "Expert Team", description: "Qualified professionals for every project.", imageSrc: "http://img.b2bpic.net/free-photo/working-call_1098-12851.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "On-Time",
|
||||
description: "Project delivery you can rely on.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-screens-empty-control-center-housing-missile-defense-system_482257-116373.jpg?_wi=1",
|
||||
},
|
||||
id: "m3", value: "100%", title: "On-Time", description: "Project delivery you can rely on.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-screens-empty-control-center-housing-missile-defense-system_482257-116373.jpg"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "Full",
|
||||
title: "Solutions",
|
||||
description: "Industrial & Residential capability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-view-steel-factory_1359-185.jpg?_wi=1",
|
||||
},
|
||||
id: "m4", value: "Full", title: "Solutions", description: "Industrial & Residential capability.", imageSrc: "http://img.b2bpic.net/free-photo/interior-view-steel-factory_1359-185.jpg"},
|
||||
]}
|
||||
title="Built Strong. Secured Smart."
|
||||
description="Delivering excellence through industrial precision."
|
||||
@@ -138,52 +100,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Construction & Maintenance",
|
||||
description: "Structural work, renovations, and complex building projects.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-factory-specialist-using-virtual-reality-simulation-predict-failures_482257-126127.jpg",
|
||||
},
|
||||
title: "Construction & Maintenance", description: "Structural work, renovations, and complex building projects.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-factory-specialist-using-virtual-reality-simulation-predict-failures_482257-126127.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-engineers-work-hours-job-site_23-2151589567.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steel-construction-beams-showcasing-industrial-strength_91128-4664.jpg?_wi=2",
|
||||
imageAlt: "construction site framework",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-engineers-work-hours-job-site_23-2151589567.jpg"}
|
||||
},
|
||||
{
|
||||
title: "Fabrication",
|
||||
description: "High-grade aluminium, glass, and steel works.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arc-welding-steel-construction-site_2831-688.jpg",
|
||||
},
|
||||
title: "Fabrication", description: "High-grade aluminium, glass, and steel works.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arc-welding-steel-construction-site_2831-688.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-looking-wristwatch-street_23-2147747812.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-metallic-structure_1127-2129.jpg?_wi=2",
|
||||
imageAlt: "construction site framework",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-looking-wristwatch-street_23-2147747812.jpg"}
|
||||
},
|
||||
{
|
||||
title: "CCTV & Security",
|
||||
description: "Surveillance, access control, and smart security systems.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/key-lock-password-security-privacy-protection-graphic_53876-122570.jpg",
|
||||
},
|
||||
title: "CCTV & Security", description: "Surveillance, access control, and smart security systems.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/key-lock-password-security-privacy-protection-graphic_53876-122570.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/security-cameras-white-modern-building-technology-concept_158595-6492.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-call_1098-12851.jpg?_wi=2",
|
||||
imageAlt: "construction site framework",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/security-cameras-white-modern-building-technology-concept_158595-6492.jpg"}
|
||||
},
|
||||
{
|
||||
title: "Industrial Equipment",
|
||||
description: "Pump installation, heavy machinery repairs, and servicing.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-preparations-are-ready-following-stage-processing_645730-120.jpg",
|
||||
},
|
||||
title: "Industrial Equipment", description: "Pump installation, heavy machinery repairs, and servicing.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-preparations-are-ready-following-stage-processing_645730-120.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-space-engine_1232-2601.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-screens-empty-control-center-housing-missile-defense-system_482257-116373.jpg?_wi=2",
|
||||
imageAlt: "construction site framework",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-space-engine_1232-2601.jpg"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -198,9 +136,7 @@ export default function LandingPage() {
|
||||
title="Why Choose Thobani?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -209,44 +145,15 @@ export default function LandingPage() {
|
||||
<ProductCardThree
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Steel Fabrication",
|
||||
price: "High Precision",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/process-creating-modern-fence-with-orange-sparks_7502-9314.jpg",
|
||||
},
|
||||
id: "p1", name: "Steel Fabrication", price: "High Precision", imageSrc: "http://img.b2bpic.net/free-photo/process-creating-modern-fence-with-orange-sparks_7502-9314.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Aluminium Installs",
|
||||
price: "Modern Aesthetic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-attractive-lady-blue-construction-suit-helmet-working-holding-heavy-metallic-detail-daytime-buildings-architecture-construction_140725-16234.jpg",
|
||||
},
|
||||
id: "p2", name: "Aluminium Installs", price: "Modern Aesthetic", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-attractive-lady-blue-construction-suit-helmet-working-holding-heavy-metallic-detail-daytime-buildings-architecture-construction_140725-16234.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "CCTV Setups",
|
||||
price: "Smart Security",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-security-camera_181624-58835.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Structural Build",
|
||||
price: "Industrial Grade",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-factory-manager-discussing-with-employees_482257-120612.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Pump Installation",
|
||||
price: "Heavy Duty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367531.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Glass Structures",
|
||||
price: "Premium Quality",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-spraying-powder-paint-from-gun_23-2149878743.jpg",
|
||||
},
|
||||
id: "p3", name: "CCTV Setups", price: "Smart Security", imageSrc: "http://img.b2bpic.net/free-photo/home-security-camera_181624-58835.jpg"}
|
||||
]}
|
||||
title="Project Showcase"
|
||||
description="Visual proof of our engineering precision."
|
||||
@@ -266,62 +173,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
date: "2023-10-12",
|
||||
title: "Business Owner",
|
||||
quote: "Professional and reliable service.",
|
||||
tag: "Industrial",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steel-construction-beams-showcasing-industrial-strength_91128-4664.jpg?_wi=3",
|
||||
imageAlt: "professional business portrait",
|
||||
id: "t1", name: "John Doe", date: "2023-10-12", title: "Business Owner", quote: "Professional and reliable service.", tag: "Industrial", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg"
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
date: "2023-11-05",
|
||||
title: "Project Manager",
|
||||
quote: "Great workmanship and attention to detail.",
|
||||
tag: "Construction",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-manual-worker-warehouse_329181-12798.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-metallic-structure_1127-2129.jpg?_wi=3",
|
||||
imageAlt: "professional business portrait",
|
||||
id: "t2", name: "Jane Smith", date: "2023-11-05", title: "Project Manager", quote: "Great workmanship and attention to detail.", tag: "Construction", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-manual-worker-warehouse_329181-12798.jpg"
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike Brown",
|
||||
date: "2023-12-01",
|
||||
title: "Facility Manager",
|
||||
quote: "Exceptional reliability and on-time performance.",
|
||||
tag: "Security",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-happy-smiling-young-woman-beige-jacket-glasses-standing-lobby-office-reception-greeting-business-client-with-pleasant-grin-inviting-company_197531-30568.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-call_1098-12851.jpg?_wi=3",
|
||||
imageAlt: "professional business portrait",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah Lee",
|
||||
date: "2024-01-15",
|
||||
title: "Residential Client",
|
||||
quote: "Thobani is the best contractor in Middelburg.",
|
||||
tag: "Home",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-screens-empty-control-center-housing-missile-defense-system_482257-116373.jpg?_wi=3",
|
||||
imageAlt: "professional business portrait",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Robert West",
|
||||
date: "2024-02-10",
|
||||
title: "Industrial Owner",
|
||||
quote: "Sturdy build and great security setup.",
|
||||
tag: "Industrial",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-office-employer-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-6842.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-view-steel-factory_1359-185.jpg?_wi=2",
|
||||
imageAlt: "professional business portrait",
|
||||
},
|
||||
id: "t3", name: "Mike Brown", date: "2023-12-01", title: "Facility Manager", quote: "Exceptional reliability and on-time performance.", tag: "Security", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-happy-smiling-young-woman-beige-jacket-glasses-standing-lobby-office-reception-greeting-business-client-with-pleasant-grin-inviting-company_197531-30568.jpg"
|
||||
}
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Trusted by industry leaders."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -329,14 +191,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Need a Reliable Contractor or Security Solution? Call 013 246 1072 or request a free quote today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get a Quote", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -347,45 +206,29 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#gallery",
|
||||
},
|
||||
label: "Projects", href: "#gallery"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Call: 013 246 1072",
|
||||
href: "tel:0132461072",
|
||||
},
|
||||
label: "Call: 013 246 1072", href: "tel:0132461072"},
|
||||
{
|
||||
label: "28 Liter St, Middelburg",
|
||||
href: "#",
|
||||
},
|
||||
label: "28 Liter St, Middelburg", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user