Merge version_2 into main #2
259
src/app/page.tsx
259
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Award, Shield, Zap } from "lucide-react";
|
||||
import { Award, Shield, Zap, MapPin, Phone, Mail, Clock } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
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: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="LaserTech"
|
||||
/>
|
||||
@@ -54,90 +46,34 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Precision Laser Technology in Botswana"
|
||||
description="LaserTech provides industry-leading laser cutting, marking, and engraving solutions. Delivering precision, quality, and reliability for businesses across Botswana."
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Precision Laser Engineering in Botswana"
|
||||
description="LaserTech delivers world-class laser cutting, marking, and specialized fabrication services. Engineered for precision, delivered with reliability for Botswana's industrial sector."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Our Services", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glass-shavings_1098-13981.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sideview-smiling-stylish-dark-skinned-banker-wearing-black-suit-round-sunglasses-walking-office-urban-surroundings-having-confident-determined-look-thinking-about-upcoming-meeting_273609-840.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-successful-businesswoman-smiling-posing-holding-folder-office_176420-965.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-looking-tablet-standing-near-business-centre_176420-16788.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-engineer-male-with-plans_23-2148480416.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/sideview-smiling-stylish-dark-skinned-banker-wearing-black-suit-round-sunglasses-walking-office-urban-surroundings-having-confident-determined-look-thinking-about-upcoming-meeting_273609-840.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-successful-businesswoman-smiling-posing-holding-folder-office_176420-965.jpg", alt: "Client" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ local enterprises"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Engineering",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "High-Tech Manufacturing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Industrial Laser Cutting",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Architectural Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Botswana Leading Tech",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact & Precision"
|
||||
title="Our Technical Commitment"
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Laser Precision",
|
||||
value: "0.01mm",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Client Satisfaction",
|
||||
value: "100%",
|
||||
},
|
||||
{ icon: Zap, label: "Tolerance Range", value: "±0.01mm" },
|
||||
{ icon: Award, label: "Years of Experience", value: "15+" },
|
||||
{ icon: Shield, label: "Industry Standards", value: "ISO 9001" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -150,41 +86,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Precision Laser Cutting",
|
||||
author: "Industrial",
|
||||
description: "High-speed laser cutting for various metals and materials with unmatched accuracy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-light-extending-its-sparks-into-air-as-it-is-rapidly-spinning_181624-10489.jpg?_wi=1",
|
||||
tags: [
|
||||
"Metals",
|
||||
"Cutting",
|
||||
],
|
||||
id: "f1", title: "Industrial Laser Cutting", author: "Processing", description: "Full-scale fiber laser cutting services for steel, aluminum, and brass components with high-speed precision.", imageSrc: "http://img.b2bpic.net/free-photo/glowing-light-extending-its-sparks-into-air-as-it-is-rapidly-spinning_181624-10489.jpg?_wi=1", tags: ["Sheet Metal", "Heavy Industrial"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Advanced Marking",
|
||||
author: "Manufacturing",
|
||||
description: "Permanent marking solutions for identification, branding, and traceability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/researcher-biochemist-doctor-analyzing-transparent-vacutainer-with-blood-working-microbiology-experiment-hospital-laboratory-biologist-woman-developing-medical-vaccine-using-biotechnology_482257-26469.jpg?_wi=1",
|
||||
tags: [
|
||||
"Identification",
|
||||
"Branding",
|
||||
],
|
||||
id: "f2", title: "Precision Marking & Etching", author: "Branding", description: "High-contrast permanent marking for product identification, serialization, and industrial branding.", imageSrc: "http://img.b2bpic.net/free-photo/researcher-biochemist-doctor-analyzing-transparent-vacutainer-with-blood-working-microbiology-experiment-hospital-laboratory-biologist-woman-developing-medical-vaccine-using-biotechnology_482257-26469.jpg?_wi=1", tags: ["Traceability", "Serial Numbers"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Custom Engraving",
|
||||
author: "Creative",
|
||||
description: "Highly detailed engraving for branding, signage, and bespoke architectural elements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-factory_1098-13998.jpg?_wi=1",
|
||||
tags: [
|
||||
"Signage",
|
||||
"Design",
|
||||
],
|
||||
id: "f3", title: "Custom Architectural Engraving", author: "Bespoke", description: "Intricate design work for architectural facades, luxury branding, and decorative metal features.", imageSrc: "http://img.b2bpic.net/free-photo/working-factory_1098-13998.jpg?_wi=1", tags: ["Facade Design", "Bespoke"],
|
||||
},
|
||||
]}
|
||||
title="Advanced Laser Solutions"
|
||||
description="We leverage state-of-the-art technology to offer comprehensive laser processing services tailored to your industry needs."
|
||||
title="Comprehensive Laser Solutions"
|
||||
description="Tailored manufacturing solutions designed to meet the rigorous quality demands of the Botswanan industrial market."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -193,16 +105,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Botswana Manufacturing Ltd",
|
||||
"Innovative Engineering Co",
|
||||
"Tech Solutions BW",
|
||||
"Precision Construction",
|
||||
"Elite Metalworks",
|
||||
"Modern Architect Studio",
|
||||
"Gaborone industrial group",
|
||||
"Gaborone Infrastructure Corp", "Botswana Mining Solutions", "Delta Engineering Services", "National Construction Group", "Northern Trade Partners"
|
||||
]}
|
||||
title="Trusted by Botswana's Leaders"
|
||||
description="Partnering with top businesses across various industries to drive innovation through laser precision."
|
||||
title="Industry Partners"
|
||||
description="We pride ourselves on supporting the region's largest infrastructure and manufacturing projects."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -212,128 +118,55 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Thabo Motsumi",
|
||||
date: "Oct 2023",
|
||||
title: "CEO",
|
||||
quote: "LaserTech's precision has significantly boosted our production quality. Highly recommended.",
|
||||
tag: "Industrial",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-shavings_1098-13981.jpg?_wi=2",
|
||||
imageAlt: "industrial laser cutting machine",
|
||||
},
|
||||
id: "1", name: "Kabelo Mothibi", date: "2024", title: "Production Manager", quote: "LaserTech has been instrumental in optimizing our production cycle with consistently accurate cuts.", tag: "Industrial", avatarSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg", imageSrc: "http://img.b2bpic.net/free-photo/glass-shavings_1098-13981.jpg?_wi=2"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Dube",
|
||||
date: "Nov 2023",
|
||||
title: "Project Manager",
|
||||
quote: "Reliable, fast, and incredibly accurate. They are our go-to for laser work.",
|
||||
tag: "Engineering",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/sideview-smiling-stylish-dark-skinned-banker-wearing-black-suit-round-sunglasses-walking-office-urban-surroundings-having-confident-determined-look-thinking-about-upcoming-meeting_273609-840.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-light-extending-its-sparks-into-air-as-it-is-rapidly-spinning_181624-10489.jpg?_wi=2",
|
||||
imageAlt: "laser cutting sparks",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Kabelo Sechele",
|
||||
date: "Dec 2023",
|
||||
title: "Operations Director",
|
||||
quote: "Outstanding attention to detail and a team that understands our specific needs.",
|
||||
tag: "Manufacturing",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-successful-businesswoman-smiling-posing-holding-folder-office_176420-965.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/researcher-biochemist-doctor-analyzing-transparent-vacutainer-with-blood-working-microbiology-experiment-hospital-laboratory-biologist-woman-developing-medical-vaccine-using-biotechnology_482257-26469.jpg?_wi=2",
|
||||
imageAlt: "laser measurement professional",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Neo Lefa",
|
||||
date: "Jan 2024",
|
||||
title: "Architect",
|
||||
quote: "Exceptional engraving services for our recent building project. Precision work.",
|
||||
tag: "Design",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-looking-tablet-standing-near-business-centre_176420-16788.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-factory_1098-13998.jpg?_wi=2",
|
||||
imageAlt: "architectural laser cutting",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tshepo Modise",
|
||||
date: "Feb 2024",
|
||||
title: "Technical Head",
|
||||
quote: "Always consistent. LaserTech provides the high standard of precision we require.",
|
||||
tag: "Automotive",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-engineer-male-with-plans_23-2148480416.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg",
|
||||
imageAlt: "professional business portrait",
|
||||
},
|
||||
id: "2", name: "Neo Tladi", date: "2024", title: "Architect", quote: "Their ability to execute complex architectural patterns with such detail is unmatched in Gaborone.", tag: "Architecture", avatarSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-looking-tablet-standing-near-business-centre_176420-16788.jpg", imageSrc: "http://img.b2bpic.net/free-photo/working-factory_1098-13998.jpg?_wi=2"}
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See what our partners in Botswana say about our commitment to quality and precision engineering."
|
||||
title="Proven Excellence"
|
||||
description="Testimonials from leaders who rely on LaserTech for precision manufacturing."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Contact"
|
||||
title="Get Started with LaserTech"
|
||||
description="Ready to discuss your project? Get in touch with our team in Gaborone for a professional consultation."
|
||||
title="Connect With Our Team"
|
||||
description="Located in the heart of Gaborone's Industrial District. We look forward to powering your next project."
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Send Request"
|
||||
buttonText="Submit Inquiry"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="LaserTech BW"
|
||||
logoText="LaserTech Botswana"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Process",
|
||||
href: "#features",
|
||||
},
|
||||
title: "General", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Process", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Laser Cutting",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Laser Marking",
|
||||
href: "#features",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Laser Cutting", href: "#features" },
|
||||
{ label: "Industrial Marking", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "Gaborone, Botswana", href: "#" },
|
||||
{ label: "+267 300 0000", href: "tel:+2673000000" },
|
||||
{ label: "info@lasertech.bw", href: "mailto:info@lasertech.bw" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 LaserTech Botswana. All rights reserved."
|
||||
copyrightText="© 2024 LaserTech Engineering. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user