bender/4755e420-9448-4dd2-bbdf-1d7be91ecdf5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-11 08:12:52 +00:00
parent ee1d5defe2 3e1521bd5d
commit 4eeeaae684
1 changed files with 151 additions and 396 deletions
Download Patch File Download Diff File Expand all files Collapse all files

547
src/app/page.tsx
View File

@@ -27,410 +27,165 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Portfolio",
id: "products",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="South Peak Construction"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Portfolio", id: "products" },
{ name: "Contact", id: "contact" }
]}
brandName="South Peak Construction"
button={{ text: "Get Quote", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={true}
background={{
variant: "plain",
}}
title="Excellence in Construction"
description="Building the future of Sandton with precision, reliability, and unparalleled craftsmanship. Your vision, our expertise."
testimonials={[
{
name: "Vhusomuzi Sithole",
handle: "@vsithole",
testimonial: "South Peak Construction is a leading company that aims to provide top-tier service.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3549.jpg?_wi=1",
},
{
name: "Dean Kajawo",
handle: "@dkajawo",
testimonial: "Professionalism at its finest. Highly recommended for any complex construction project.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
},
{
name: "Sarah M.",
handle: "@sarahm",
testimonial: "Exceptional attention to detail throughout the entire build process.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-successful-business-specialists-discussing-plan-while-using-tablet-outdoors_1262-12422.jpg",
},
{
name: "Mark D.",
handle: "@markd",
testimonial: "Delivered ahead of schedule without compromising on quality standards.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2723.jpg",
},
{
name: "Lisa T.",
handle: "@lisat",
testimonial: "The best construction team in Sandton. Seamless experience from start to finish.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-posing-together-office-showing-thumbs-up-camera_1098-20268.jpg",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/architect-working-complex-plan_23-2148242994.jpg?_wi=1"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/low-angle-happy-modern-man_23-2148514869.jpg",
alt: "Architect",
},
{
src: "http://img.b2bpic.net/free-photo/top-view-professional-employer-dressed-formally_273609-5115.jpg",
alt: "Engineer",
},
{
src: "http://img.b2bpic.net/free-photo/young-handsome-stylish-hipster-man-black-jacket-sitting-office-table-business-style-white-shirt-isolated-working-laptop-start-up-work-place-victory_285396-1486.jpg",
alt: "Project Manager",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-clenching-his-fist-while-team-discussing-background_23-2147923385.jpg",
alt: "Client",
},
{
src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg",
alt: "Consultant",
},
]}
avatarText="Trusted by industry experts"
marqueeItems={[
{
type: "text",
text: "Quality Assured",
},
{
type: "text",
text: "Sustainable Builds",
},
{
type: "text",
text: "Expert Management",
},
{
type: "text",
text: "Sandton Standard",
},
{
type: "text",
text: "Precision Engineering",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={true}
background={{ variant: "plain" }}
title="Excellence in Construction"
description="Building the future of Sandton with precision, reliability, and unparalleled craftsmanship. Your vision, our expertise."
testimonials={[
{ name: "Vhusomuzi Sithole", handle: "@vsithole", testimonial: "South Peak Construction is a leading company that aims to provide top-tier service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3549.jpg" },
{ name: "Dean Kajawo", handle: "@dkajawo", testimonial: "Professionalism at its finest. Highly recommended for any complex construction project.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" },
{ name: "Sarah M.", handle: "@sarahm", testimonial: "Exceptional attention to detail throughout the entire build process.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-successful-business-specialists-discussing-plan-while-using-tablet-outdoors_1262-12422.jpg" },
{ name: "Mark D.", handle: "@markd", testimonial: "Delivered ahead of schedule without compromising on quality standards.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2723.jpg" },
{ name: "Lisa T.", handle: "@lisat", testimonial: "The best construction team in Sandton. Seamless experience from start to finish.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/colleagues-posing-together-office-showing-thumbs-up-camera_1098-20268.jpg" }
]}
imageSrc="http://img.b2bpic.net/free-photo/architect-working-complex-plan_23-2148242994.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/low-angle-happy-modern-man_23-2148514869.jpg", alt: "Architect" },
{ src: "http://img.b2bpic.net/free-photo/top-view-professional-employer-dressed-formally_273609-5115.jpg", alt: "Engineer" },
{ src: "http://img.b2bpic.net/free-photo/young-handsome-stylish-hipster-man-black-jacket-sitting-office-table-business-style-white-shirt-isolated-working-laptop-start-up-work-place-victory_285396-1486.jpg", alt: "Project Manager" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-clenching-his-fist-while-team-discussing-background_23-2147923385.jpg", alt: "Client" },
{ src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg", alt: "Consultant" }
]}
avatarText="Trusted by industry experts"
marqueeItems={[
{ type: "text", text: "Quality Assured" },
{ type: "text", text: "Sustainable Builds" },
{ type: "text", text: "Expert Management" },
{ type: "text", text: "Sandton Standard" },
{ type: "text", text: "Precision Engineering" }
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="The South Peak Standard"
description="Operating from the heart of Sandton, we specialize in high-end residential and commercial construction. Our legacy is built on the foundation of trust, integrity, and superior engineering standards."
metrics={[
{
value: "15+",
title: "Years Experience",
},
{
value: "200+",
title: "Completed Projects",
},
{
value: "100%",
title: "Client Satisfaction",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/explaining-sketch_1098-15462.jpg?_wi=1"
mediaAnimation="slide-up"
metricsAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="The South Peak Standard"
description="Operating from the heart of Sandton, we specialize in high-end residential and commercial construction. Our legacy is built on the foundation of trust, integrity, and superior engineering standards."
metrics={[
{ value: "15+", title: "Years Experience" },
{ value: "200+", title: "Completed Projects" },
{ value: "100%", title: "Client Satisfaction" }
]}
imageSrc="http://img.b2bpic.net/free-photo/explaining-sketch_1098-15462.jpg"
mediaAnimation="slide-up"
metricsAnimation="blur-reveal"
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Concrete & Foundations",
description: "High-strength structural concrete work for commercial and industrial developments.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/building-new-concrete-house_1398-2995.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/abstract-glass-window-roof-architecture-exterior_74190-6354.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/architect-working-complex-plan_23-2148242994.jpg?_wi=2",
imageAlt: "commercial concrete laying",
},
{
title: "Luxury Finishing",
description: "Precision interior and exterior finishes for luxury properties with an eye for detail.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/young-man-showing-thumbs-up-shirt-helmet-looking-happy_176474-11011.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/confident-architect-smiling_107420-74348.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/explaining-sketch_1098-15462.jpg?_wi=2",
imageAlt: "commercial concrete laying",
},
{
title: "Construction Management",
description: "End-to-end project management ensuring timelines, budget, and quality are strictly met.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-ongoing-construction-with-tracks-bulldozer-abandoned-land_181624-17192.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-manager-showing-engineer-fixes-be-made_482257-120669.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3549.jpg?_wi=2",
imageAlt: "commercial concrete laying",
},
]}
showStepNumbers={true}
title="Our Specialized Services"
description="Comprehensive construction solutions tailored for the Sandton property market."
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{ title: "Concrete & Foundations", description: "High-strength structural concrete work for commercial and industrial developments.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/building-new-concrete-house_1398-2995.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/abstract-glass-window-roof-architecture-exterior_74190-6354.jpg" } },
{ title: "Luxury Finishing", description: "Precision interior and exterior finishes for luxury properties with an eye for detail.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/young-man-showing-thumbs-up-shirt-helmet-looking-happy_176474-11011.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/confident-architect-smiling_107420-74348.jpg" } },
{ title: "Construction Management", description: "End-to-end project management ensuring timelines, budget, and quality are strictly met.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-ongoing-construction-with-tracks-bulldozer-abandoned-land_181624-17192.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-manager-showing-engineer-fixes-be-made_482257-120669.jpg" } }
]}
showStepNumbers={true}
title="Our Specialized Services"
description="Comprehensive construction solutions tailored for the Sandton property market."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Sandton Office Tower",
price: "R50M",
imageSrc: "http://img.b2bpic.net/free-photo/black-white-scene-showcasing-life-construction-workers-site_23-2151431561.jpg",
},
{
id: "p2",
name: "Luxury Penthouse Suite",
price: "R12M",
imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-17.jpg",
},
{
id: "p3",
name: "Industrial Warehouse",
price: "R25M",
imageSrc: "http://img.b2bpic.net/free-photo/engineering-team-solar-panel-plant-adjusting-robotic-machinery-settings_482257-120461.jpg",
},
{
id: "p4",
name: "Retail Development",
price: "R35M",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-yellow-metal-arch-blue-sky_181624-11848.jpg",
},
{
id: "p5",
name: "Residential Complex",
price: "R40M",
imageSrc: "http://img.b2bpic.net/free-photo/group-construction-workers-looking-plans-documents-sunlight_181624-61665.jpg",
},
{
id: "p6",
name: "Boutique Hotel",
price: "R60M",
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-supervisor-overseeing-work-done-by-engineer_482257-120375.jpg",
},
]}
title="Featured Projects"
description="Showcasing our recent high-end architectural developments in Johannesburg."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Sandton Office Tower", price: "R50M", imageSrc: "http://img.b2bpic.net/free-photo/black-white-scene-showcasing-life-construction-workers-site_23-2151431561.jpg" },
{ id: "p2", name: "Luxury Penthouse Suite", price: "R12M", imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-17.jpg" },
{ id: "p3", name: "Industrial Warehouse", price: "R25M", imageSrc: "http://img.b2bpic.net/free-photo/engineering-team-solar-panel-plant-adjusting-robotic-machinery-settings_482257-120461.jpg" },
{ id: "p4", name: "Retail Development", price: "R35M", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-yellow-metal-arch-blue-sky_181624-11848.jpg" },
{ id: "p5", name: "Residential Complex", price: "R40M", imageSrc: "http://img.b2bpic.net/free-photo/group-construction-workers-looking-plans-documents-sunlight_181624-61665.jpg" },
{ id: "p6", name: "Boutique Hotel", price: "R60M", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-supervisor-overseeing-work-done-by-engineer_482257-120375.jpg" }
]}
title="Featured Projects"
description="Showcasing our recent high-end architectural developments in Johannesburg."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Vhusomuzi Sithole",
role: "Property Developer",
testimonial: "A leading company that aims to provide absolute excellence.",
imageSrc: "http://img.b2bpic.net/free-photo/fbi-agent-focused-investigation_1098-14749.jpg",
},
{
id: "t2",
name: "Dean Kajawo",
role: "Business Owner",
testimonial: "Unmatched professionalism and expertise throughout our project.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-business-partners-enjoying-teamwork_1262-19145.jpg",
},
{
id: "t3",
name: "Sarah M.",
role: "Architect",
testimonial: "Very high quality workmanship. A reliable partner for any construction task.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_329181-19343.jpg",
},
{
id: "t4",
name: "Mark D.",
role: "Homeowner",
testimonial: "The build quality is exceptional. Very happy with the result.",
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg",
},
{
id: "t5",
name: "Lisa T.",
role: "Investor",
testimonial: "Seamless execution. Professional team through and through.",
imageSrc: "http://img.b2bpic.net/free-photo/well-done-satisfied-businessman-suit-showing-thumbs-up-approval-like-agree-recommend-good_1258-162950.jpg",
},
]}
title="Client Feedback"
description="What our clients say about their experience with South Peak Construction."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "t1", name: "Vhusomuzi Sithole", role: "Property Developer", testimonial: "A leading company that aims to provide absolute excellence.", imageSrc: "http://img.b2bpic.net/free-photo/fbi-agent-focused-investigation_1098-14749.jpg" },
{ id: "t2", name: "Dean Kajawo", role: "Business Owner", testimonial: "Unmatched professionalism and expertise throughout our project.", imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-business-partners-enjoying-teamwork_1262-19145.jpg" },
{ id: "t3", name: "Sarah M.", role: "Architect", testimonial: "Very high quality workmanship. A reliable partner for any construction task.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_329181-19343.jpg" },
{ id: "t4", name: "Mark D.", role: "Homeowner", testimonial: "The build quality is exceptional. Very happy with the result.", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg" },
{ id: "t5", name: "Lisa T.", role: "Investor", testimonial: "Seamless execution. Professional team through and through.", imageSrc: "http://img.b2bpic.net/free-photo/well-done-satisfied-businessman-suit-showing-thumbs-up-approval-like-agree-recommend-good_1258-162950.jpg" }
]}
title="Client Feedback"
description="What our clients say about their experience with South Peak Construction."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do you provide free project estimates?",
content: "Yes, we provide detailed site assessments and cost estimates.",
},
{
id: "f2",
title: "Are you fully insured and certified?",
content: "We hold all necessary construction licenses and comprehensive insurance coverage.",
},
{
id: "f3",
title: "Do you manage the entire project from start to finish?",
content: "Yes, we offer comprehensive turnkey project management solutions.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/buildres-looking-plants_23-2147785493.jpg"
mediaAnimation="slide-up"
title="Frequently Asked Questions"
description="Answers to common questions regarding our construction process."
faqsAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Do you provide free project estimates?", content: "Yes, we provide detailed site assessments and cost estimates." },
{ id: "f2", title: "Are you fully insured and certified?", content: "We hold all necessary construction licenses and comprehensive insurance coverage." },
{ id: "f3", title: "Do you manage the entire project from start to finish?", content: "Yes, we offer comprehensive turnkey project management solutions." }
]}
imageSrc="http://img.b2bpic.net/free-photo/buildres-looking-plants_23-2147785493.jpg"
mediaAnimation="slide-up"
title="Frequently Asked Questions"
description="Answers to common questions regarding our construction process."
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Work With Us"
description="Ready to bring your project to life in Sandton? Get in touch with our expert team."
inputs={[
{
name: "name",
type: "text",
placeholder: "Full Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your project",
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/blueprints-office_23-2147785628.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Work With Us"
description="Ready to bring your project to life in Sandton? Get in touch with our expert team."
inputs={[
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true }
]}
textarea={{ name: "message", placeholder: "Tell us about your project", required: true }}
imageSrc="http://img.b2bpic.net/free-photo/blueprints-office_23-2147785628.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/beautiful-exterior-building-architecture-with-window-pattern_74190-2445.jpg"
logoText="South Peak Construction"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Portfolio",
href: "#products",
},
],
},
{
title: "Services",
items: [
{
label: "Concrete",
href: "#features",
},
{
label: "Management",
href: "#features",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
copyrightText="© 2025 South Peak Construction. All Rights Reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/beautiful-exterior-building-architecture-with-window-pattern_74190-2445.jpg"
logoText="South Peak Construction"
columns={[
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Portfolio", href: "#products" }] },
{ title: "Services", items: [{ label: "Concrete", href: "#features" }, { label: "Management", href: "#features" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
]}
copyrightText="© 2025 South Peak Construction. All Rights Reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}