Merge version_2 into main #4
156
src/app/page.tsx
156
src/app/page.tsx
@@ -2,10 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
@@ -30,14 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Simba Roofing"
|
||||
/>
|
||||
@@ -48,40 +44,23 @@ export default function LandingPage() {
|
||||
title="Premium Roofing & Steel Solutions Built to Last"
|
||||
description="Excellence in construction materials for Zambia's elite infrastructure projects."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Phiri", handle: "@jonhphiri", testimonial: "The best quality materials I've used in my 10 years of contracting.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kxy391"},
|
||||
{
|
||||
name: "Sarah Mumba", handle: "@smumba_builds", testimonial: "Simba Roofing delivers consistent quality every time. Highly recommended.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=so7iis&_wi=1"},
|
||||
{
|
||||
name: "David Banda", handle: "@dbanda_const", testimonial: "Exceptional steel durability, perfect for our industrial projects.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rbim0d&_wi=1"},
|
||||
{
|
||||
name: "Lilian Zulu", handle: "@lzulu_arch", testimonial: "Top-tier service and reliable delivery schedules across Lusaka.", rating: 4,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t7xx9d&_wi=1"},
|
||||
{
|
||||
name: "Michael Tembo", handle: "@mtembo_eng", testimonial: "Quality materials that define excellence in modern construction.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e3yuhj&_wi=1"},
|
||||
{ name: "John Phiri", handle: "@jonhphiri", testimonial: "The best quality materials I've used in my 10 years of contracting.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kxy391" },
|
||||
{ name: "Sarah Mumba", handle: "@smumba_builds", testimonial: "Simba Roofing delivers consistent quality every time. Highly recommended.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=so7iis&_wi=1" },
|
||||
{ name: "David Banda", handle: "@dbanda_const", testimonial: "Exceptional steel durability, perfect for our industrial projects.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rbim0d&_wi=1" },
|
||||
{ name: "Lilian Zulu", handle: "@lzulu_arch", testimonial: "Top-tier service and reliable delivery schedules across Lusaka.", rating: 4, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t7xx9d&_wi=1" },
|
||||
{ name: "Michael Tembo", handle: "@mtembo_eng", testimonial: "Quality materials that define excellence in modern construction.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e3yuhj&_wi=1" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Quote", href: "#contact"},
|
||||
{
|
||||
text: "WhatsApp Now", href: "https://wa.me/260970430039"},
|
||||
{ text: "Get Quote", href: "#contact" },
|
||||
{ text: "WhatsApp Now", href: "https://wa.me/260970430039" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=88dff2"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=writun", alt: "Client avatar 1"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=88dff2", alt: "Client avatar 2"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cg58ct", alt: "Client avatar 3"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k92z53", alt: "Client avatar 4"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5opgqz", alt: "Client avatar 5"},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=writun", alt: "Client avatar 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=88dff2", alt: "Client avatar 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cg58ct", alt: "Client avatar 3" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k92z53", alt: "Client avatar 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5opgqz", alt: "Client avatar 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ satisfied construction professionals"
|
||||
/>
|
||||
@@ -91,10 +70,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "Simba Roofing: Your Foundation of Excellence"},
|
||||
{
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cg58ct", alt: "Construction experts"},
|
||||
{ type: "text", content: "Simba Roofing: Your Foundation of Excellence" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cg58ct", alt: "Construction experts" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,18 +83,12 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Iron Sheets", price: "Contact for pricing", variant: "Premium", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k92z53"},
|
||||
{
|
||||
id: "p2", name: "Roofing Sheets", price: "Contact for pricing", variant: "Industrial", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5opgqz"},
|
||||
{
|
||||
id: "p3", name: "Lipped Channels", price: "Contact for pricing", variant: "Standard", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3wlnq3"},
|
||||
{
|
||||
id: "p4", name: "Rectangular Tubes", price: "Contact for pricing", variant: "Pro-Grade", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l8938l"},
|
||||
{
|
||||
id: "p5", name: "Square Tubes", price: "Contact for pricing", variant: "Pro-Grade", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jemira"},
|
||||
{
|
||||
id: "p6", name: "Timbers", price: "Contact for pricing", variant: "Natural", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fwwql5"},
|
||||
{ id: "p1", name: "Iron Sheets", price: "Contact for pricing", variant: "Premium", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k92z53" },
|
||||
{ id: "p2", name: "Roofing Sheets", price: "Contact for pricing", variant: "Industrial", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5opgqz" },
|
||||
{ id: "p3", name: "Lipped Channels", price: "Contact for pricing", variant: "Standard", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3wlnq3" },
|
||||
{ id: "p4", name: "Rectangular Tubes", price: "Contact for pricing", variant: "Pro-Grade", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l8938l" },
|
||||
{ id: "p5", name: "Square Tubes", price: "Contact for pricing", variant: "Pro-Grade", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jemira" },
|
||||
{ id: "p6", name: "Timbers", price: "Contact for pricing", variant: "Natural", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fwwql5" },
|
||||
]}
|
||||
title="Premium Material Catalog"
|
||||
description="Elite grade materials for every phase of construction."
|
||||
@@ -131,16 +102,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Top Quality Materials", description: "Strict quality control on every steel and timber product.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=suukej"},
|
||||
{
|
||||
title: "Competitive Pricing", description: "Elite quality doesn't always have to break the budget.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qpc2er"},
|
||||
{
|
||||
title: "Fast Delivery", description: "Reliable supply chain logistics across Lusaka.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bx8j9q"},
|
||||
{
|
||||
title: "Trusted by Contractors", description: "The first choice for building industry professionals.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=40f3bc"},
|
||||
{
|
||||
title: "Long-Lasting Durability", description: "Materials engineered for extreme conditions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8teoy4"},
|
||||
{ title: "Top Quality Materials", description: "Strict quality control on every steel and timber product.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=suukej" },
|
||||
{ title: "Competitive Pricing", description: "Elite quality doesn't always have to break the budget.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qpc2er" },
|
||||
{ title: "Fast Delivery", description: "Reliable supply chain logistics across Lusaka.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bx8j9q" },
|
||||
{ title: "Trusted by Contractors", description: "The first choice for building industry professionals.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=40f3bc" },
|
||||
{ title: "Long-Lasting Durability", description: "Materials engineered for extreme conditions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8teoy4" },
|
||||
]}
|
||||
title="Why Choose Simba Roofing"
|
||||
description="Standard-setting quality for Lusaka's most demanding projects."
|
||||
@@ -151,16 +117,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Client 1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=so7iis&_wi=2"},
|
||||
{
|
||||
id: "t2", name: "Client 2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rbim0d&_wi=2"},
|
||||
{
|
||||
id: "t3", name: "Client 3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t7xx9d&_wi=2"},
|
||||
{
|
||||
id: "t4", name: "Client 4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e3yuhj&_wi=2"},
|
||||
{
|
||||
id: "t5", name: "Client 5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=writun"},
|
||||
{ id: "t1", name: "Client 1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=so7iis&_wi=2" },
|
||||
{ id: "t2", name: "Client 2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rbim0d&_wi=2" },
|
||||
{ id: "t3", name: "Client 3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t7xx9d&_wi=2" },
|
||||
{ id: "t4", name: "Client 4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e3yuhj&_wi=2" },
|
||||
{ id: "t5", name: "Client 5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=writun" },
|
||||
]}
|
||||
cardTitle="Contractor Testimonials"
|
||||
cardTag="Reviews"
|
||||
@@ -173,12 +134,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Do you deliver to site?", content: "Yes, we provide reliable site delivery services across Lusaka."},
|
||||
{
|
||||
id: "f2", title: "Are your materials certified?", content: "All our steel and roofing materials meet national construction standards."},
|
||||
{
|
||||
id: "f3", title: "How can I request a quote?", content: "You can fill the quote form below or reach out via WhatsApp for immediate assistance."},
|
||||
{ id: "f1", title: "Do you deliver to site?", content: "Yes, we provide reliable site delivery services across Lusaka." },
|
||||
{ id: "f2", title: "Are your materials certified?", content: "All our steel and roofing materials meet national construction standards." },
|
||||
{ id: "f3", title: "How can I request a quote?", content: "You can fill the quote form below or reach out via WhatsApp for immediate assistance." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get quick answers about our construction supplies."
|
||||
@@ -187,41 +145,25 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
<ContactSplit
|
||||
tag="Contact Us"
|
||||
title="Request a Quote"
|
||||
description="Phone: 0970430039 | Address: Salima, Lusaka 10101 Zambia"
|
||||
title="Get Your Professional Quote"
|
||||
description="Ready to build? Send us your requirements and we'll get back to you immediately."
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
<FooterLogoEmphasis
|
||||
logoText="Simba Roofing"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Products", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "WhatsApp", href: "https://wa.me/260970430039"},
|
||||
{
|
||||
label: "Address: Lusaka", href: "#"},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "Products", href: "#products" }] },
|
||||
{ items: [{ label: "WhatsApp", href: "https://wa.me/260970430039" }, { label: "Lusaka Office", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Simba Roofing And Steel Company"
|
||||
bottomRightText="All rights reserved"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user