Update src/app/page.tsx
This commit is contained in:
180
src/app/page.tsx
180
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Oakberg Resources"
|
||||
/>
|
||||
@@ -56,8 +48,7 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
variant: "rotated-rays-animated-grid"}}
|
||||
title="Building Excellence Into Every Form"
|
||||
description="Zambia's premier construction partner, delivering precision civil engineering, sustainable architecture, and expert project management."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/scene-construction-site-with-equipment_23-2151317306.jpg"
|
||||
@@ -82,26 +73,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "General Construction",
|
||||
subtitle: "From civil works to infrastructure.",
|
||||
category: "Services",
|
||||
value: "Reliable",
|
||||
},
|
||||
id: "s1", title: "General Construction", subtitle: "From civil works to infrastructure.", category: "Services", value: "Reliable"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "General Supply",
|
||||
subtitle: "Materials and safety gear.",
|
||||
category: "Services",
|
||||
value: "On-time",
|
||||
},
|
||||
id: "s2", title: "General Supply", subtitle: "Materials and safety gear.", category: "Services", value: "On-time"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Consultancy",
|
||||
subtitle: "Design and project management.",
|
||||
category: "Services",
|
||||
value: "Expert",
|
||||
},
|
||||
id: "s3", title: "Consultancy", subtitle: "Design and project management.", category: "Services", value: "Expert"},
|
||||
]}
|
||||
title="Our Capabilities"
|
||||
description="We bridge the gap between design and physical reality."
|
||||
@@ -110,52 +86,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Structural Steel",
|
||||
price: "$150",
|
||||
variant: "Grade A",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-paint-can_23-2149705357.jpg",
|
||||
},
|
||||
id: "p1", name: "Structural Steel", price: "$150", variant: "Grade A", imageSrc: "http://img.b2bpic.net/free-photo/top-view-paint-can_23-2149705357.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Industrial Cement",
|
||||
price: "$12",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-hammers-still-life_23-2150563130.jpg",
|
||||
},
|
||||
id: "p2", name: "Industrial Cement", price: "$12", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/construction-hammers-still-life_23-2150563130.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Safety Boots",
|
||||
price: "$45",
|
||||
variant: "Heavy Duty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-civil-engineer-with-ear-protectors-isolated-white-background_185193-108958.jpg",
|
||||
},
|
||||
id: "p3", name: "Safety Boots", price: "$45", variant: "Heavy Duty", imageSrc: "http://img.b2bpic.net/free-photo/young-man-civil-engineer-with-ear-protectors-isolated-white-background_185193-108958.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Hard Hat",
|
||||
price: "$25",
|
||||
variant: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-pattern-from-set-construction-tools-as-safety-glasses-safety-helmet-putty-knife-gloves-gray-background_141793-14254.jpg",
|
||||
},
|
||||
id: "p4", name: "Hard Hat", price: "$25", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-pattern-from-set-construction-tools-as-safety-glasses-safety-helmet-putty-knife-gloves-gray-background_141793-14254.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Safety Gloves",
|
||||
price: "$10",
|
||||
variant: "Rubberized",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-view-construction-tools-as-safety-helmet-gloves-safety-glasses-paint-roller-gray-background-with-copy-space_141793-14289.jpg",
|
||||
},
|
||||
id: "p5", name: "Safety Gloves", price: "$10", variant: "Rubberized", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-view-construction-tools-as-safety-helmet-gloves-safety-glasses-paint-roller-gray-background-with-copy-space_141793-14289.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Reflective Vest",
|
||||
price: "$15",
|
||||
variant: "Hi-Vis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-hammer-indoors-still-life_23-2150563180.jpg",
|
||||
},
|
||||
id: "p6", name: "Reflective Vest", price: "$15", variant: "Hi-Vis", imageSrc: "http://img.b2bpic.net/free-photo/construction-hammer-indoors-still-life_23-2150563180.jpg"},
|
||||
]}
|
||||
title="Our Materials"
|
||||
description="High-quality building components for every need."
|
||||
@@ -170,25 +117,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50+",
|
||||
title: "Projects",
|
||||
description: "Completed projects",
|
||||
icon: Award,
|
||||
id: "m1", value: "50+", title: "Projects", description: "Completed projects", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12+",
|
||||
title: "Clients",
|
||||
description: "Happy partners",
|
||||
icon: Users,
|
||||
id: "m2", value: "12+", title: "Clients", description: "Happy partners", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "3+",
|
||||
title: "Years",
|
||||
description: "Industry service",
|
||||
icon: Calendar,
|
||||
id: "m3", value: "3+", title: "Years", description: "Industry service", icon: Calendar,
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
@@ -203,40 +138,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Malachi Musukwa",
|
||||
role: "Facilities Manager",
|
||||
testimonial: "Exceptional expertise and attention to detail throughout the project.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-showing-architectural-plans-with-copy-space_23-2148243013.jpg",
|
||||
},
|
||||
id: "t1", name: "Malachi Musukwa", role: "Facilities Manager", testimonial: "Exceptional expertise and attention to detail throughout the project.", imageSrc: "http://img.b2bpic.net/free-photo/man-showing-architectural-plans-with-copy-space_23-2148243013.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Nzila Lubinda",
|
||||
role: "Project Manager",
|
||||
testimonial: "Very dynamic and innovative team, delivered under pressure.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
|
||||
},
|
||||
id: "t2", name: "Nzila Lubinda", role: "Project Manager", testimonial: "Very dynamic and innovative team, delivered under pressure.", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Ikugile Makenja",
|
||||
role: "Operations Manager",
|
||||
testimonial: "Reliable partner for all engineering construction needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-tablet-while-holding-coffee_23-2148308595.jpg",
|
||||
},
|
||||
id: "t3", name: "Ikugile Makenja", role: "Operations Manager", testimonial: "Reliable partner for all engineering construction needs.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-tablet-while-holding-coffee_23-2148308595.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "John Doe",
|
||||
role: "Director",
|
||||
testimonial: "Built our infrastructure exactly as promised.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-professional-female-asian-engineer-architect-helmet-business-suit-showing-house-maket-tape-measure-ready-starting-home-renovation-construction-works-white-background_1258-98171.jpg",
|
||||
},
|
||||
id: "t4", name: "John Doe", role: "Director", testimonial: "Built our infrastructure exactly as promised.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-professional-female-asian-engineer-architect-helmet-business-suit-showing-house-maket-tape-measure-ready-starting-home-renovation-construction-works-white-background_1258-98171.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jane Smith",
|
||||
role: "Architect",
|
||||
testimonial: "Best partner for high-level site works.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-asian-engineer-manager-with-safety-uniform-checking-site-construction-with-steel-concrete-structure-background_609648-1336.jpg",
|
||||
},
|
||||
id: "t5", name: "Jane Smith", role: "Architect", testimonial: "Best partner for high-level site works.", imageSrc: "http://img.b2bpic.net/free-photo/smart-asian-engineer-manager-with-safety-uniform-checking-site-construction-with-steel-concrete-structure-background_609648-1336.jpg"},
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="Trusted by leading organisations."
|
||||
@@ -249,20 +159,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are you licensed?",
|
||||
content: "Yes, we are NCC graded and fully tax compliant.",
|
||||
},
|
||||
id: "f1", title: "Are you licensed?", content: "Yes, we are NCC graded and fully tax compliant."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where do you operate?",
|
||||
content: "We primarily serve Lusaka and major projects nationwide.",
|
||||
},
|
||||
id: "f2", title: "Where do you operate?", content: "We primarily serve Lusaka and major projects nationwide."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How to get a quote?",
|
||||
content: "Use the contact form or call our office line.",
|
||||
},
|
||||
id: "f3", title: "How to get a quote?", content: "Use the contact form or call our office line."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common enquiries about our construction services."
|
||||
@@ -274,14 +175,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
text="Ready to discuss your project? Contact us for professional construction services."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -290,29 +188,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Compliance",
|
||||
href: "#",
|
||||
},
|
||||
label: "Compliance", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user