9 Commits

Author SHA1 Message Date
a7f98d82e9 Update src/app/page.tsx 2026-03-14 12:33:12 +00:00
8677baf5fa Merge version_4 into main
Merge version_4 into main
2026-03-14 12:29:54 +00:00
2e5e5097c6 Update src/app/page.tsx 2026-03-14 12:29:49 +00:00
ab3adb194e Merge version_3 into main
Merge version_3 into main
2026-03-14 12:26:52 +00:00
f8a6251a6a Update src/app/page.tsx 2026-03-14 12:26:48 +00:00
6d4b8c3c0d Merge version_2 into main
Merge version_2 into main
2026-03-14 12:20:31 +00:00
d33d81e1b4 Update src/app/page.tsx 2026-03-14 12:20:27 +00:00
2cd5dbd8b6 Merge version_1 into main
Merge version_1 into main
2026-03-14 12:16:35 +00:00
c246c4101a Merge version_1 into main
Merge version_1 into main
2026-03-14 12:14:13 +00:00

View File

@@ -10,7 +10,8 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { BarChart3, CheckCircle, Hammer, MessageSquare, Star, Trophy, UtensilsCrossed, Users } from 'lucide-react';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import { BarChart3, CheckCircle, Hammer, MessageSquare, Star, Trophy, UtensilsCrossed, Users, Building2, Lightbulb } from 'lucide-react';
export default function LandingPage() {
return (
@@ -34,6 +35,7 @@ export default function LandingPage() {
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Projects", id: "projects" },
{ name: "Emperors Palace", id: "emperors-palace" },
{ name: "Contact", id: "contact" }
]}
bottomLeftText="Professional Construction Services"
@@ -50,9 +52,9 @@ export default function LandingPage() {
{ text: "Chat on WhatsApp", href: "https://wa.me/27716073888?text=Hello%20OLLO%20Trading,%20I%20would%20like%20a%20quote%20for%20my%20project." }
]}
slides={[
{ imageSrc: "http://img.b2bpic.net/free-photo/blue-door-with-keys-matte-minimalism-black-hardware_169016-69531.jpg?_wi=1", imageAlt: "Modern kitchen renovation" },
{ imageSrc: "http://img.b2bpic.net/free-photo/kitchen-wash-zone-black-faucet-scandinavian-style_169016-69045.jpg?_wi=1", imageAlt: "Contemporary bathroom design" },
{ imageSrc: "http://img.b2bpic.net/free-photo/inspectors-interacting_1098-14279.jpg?_wi=1", imageAlt: "Professional construction team" }
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqiMnWO5mkQqe8zt6ufXDqkrxZ/uploaded-1773491374207-ic3yi2cz.jpg", imageAlt: "Modern kitchen renovation" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqiMnWO5mkQqe8zt6ufXDqkrxZ/uploaded-1773491374207-eud7jo9d.jpg", imageAlt: "Contemporary bathroom design" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqiMnWO5mkQqe8zt6ufXDqkrxZ/uploaded-1773491374207-pvdp3hzk.jpg", imageAlt: "Professional construction team" }
]}
autoplayDelay={4000}
showDimOverlay={true}
@@ -122,6 +124,40 @@ export default function LandingPage() {
/>
</div>
<div id="emperors-palace" data-section="emperors-palace" className="py-16 md:py-24">
<FeatureCardTwentyOne
title="Emperors Palace Project"
description="A landmark hospitality project in South Africa featuring premium interior design, extensive renovations, and world-class construction standards."
tag="Major Project Showcase"
tagIcon={Building2}
tagAnimation="blur-reveal"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqiMnWO5mkQqe8zt6ufXDqkrxZ/uploaded-1773490786949-nof0iqha.jpg"
imageAlt="Emperors Palace Project"
mediaAnimation="blur-reveal"
mediaPosition="right"
useInvertedBackground={true}
accordionItems={[
{
id: "project-overview", title: "Project Overview", content: "The Emperors Palace project represents a significant milestone in our portfolio, combining luxury hospitality design with premium construction standards. This comprehensive renovation project showcased our ability to handle complex, large-scale operations."
},
{
id: "design-execution", title: "Design & Execution", content: "Our team executed a meticulous design plan that transformed the space into an elegant sanctuary. From detailed planning to final touches, every element was carefully coordinated to achieve the client's vision of luxury and sophistication."
},
{
id: "quality-standards", title: "Quality Standards", content: "We maintained the highest standards of craftsmanship throughout the project, utilizing premium materials and techniques. Our rigorous quality control ensured that every detail met the exacting standards required for this prestigious venue."
},
{
id: "project-timeline", title: "Project Timeline", content: "Completed on schedule while maintaining exceptional quality, this project demonstrated our ability to manage complex timelines and coordinate multiple teams seamlessly. We delivered results that exceeded expectations."
}
]}
buttons={[
{ text: "View Project Details", href: "https://wa.me/27716073888?text=Hello,%20I%20would%20like%20to%20know%20more%20about%20the%20Emperors%20Palace%20project." }
]}
buttonAnimation="slide-up"
ariaLabel="Emperors Palace major project showcase"
/>
</div>
<div id="social-proof" data-section="social-proof" className="py-16 md:py-24">
<SocialProofOne
title="Trusted by Homeowners Across South Africa"
@@ -152,13 +188,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "projects", value: "500+", title: "Projects Completed", items: ["Kitchen renovations", "Bathroom designs", "Home extensions"]
id: "projects", value: "100+", title: "Projects Completed", items: ["Kitchen renovations", "Bathroom designs", "Home extensions"]
},
{
id: "satisfaction", value: "98%", title: "Client Satisfaction", items: ["Quality workmanship", "Timely delivery", "Professional service"]
},
{
id: "years", value: "15+", title: "Years of Experience", items: ["Skilled team", "Industry expertise", "Proven excellence"]
id: "years", value: "20", title: "Years of Experience", items: ["Skilled team", "Industry expertise", "Proven excellence"]
},
{
id: "warranty", value: "10yr", title: "Quality Guarantee", items: ["Material warranty", "Workmanship guarantee", "Peace of mind"]