Merge version_8 into main

Merge version_8 into main

src/app/page.tsx

@@ -7,10 +7,11 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 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}
@@ -63,7 +65,8 @@ export default function LandingPage() {
       <div id="about" data-section="about" className="py-16 md:py-24">
         <InlineImageSplitTextAbout
           heading={[
-            { type: "text", content: "About OLLO Trading" }
+            { type: "text", content: "About OLLO Trading" },
+            { type: "text", content: "We deliver quality construction and renovation services across South Africa. Our team combines skilled craftsmanship with professional expertise to transform your space. From kitchen and bathroom designs to complete home renovations, we bring your vision to life with attention to detail and premium materials." }
           ]}
           buttons={[
             { text: "Start Your Project", href: "https://wa.me/27716073888" }
@@ -122,6 +125,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"
@@ -168,24 +205,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="testimonials" data-section="testimonials" className="py-16 md:py-24">
-        <TestimonialCardTwelve
-          cardTitle="What Our Clients Say"
-          cardTag="Customer Testimonials"
-          cardTagIcon={Star}
-          cardAnimation="blur-reveal"
-          useInvertedBackground={true}
-          testimonials={[
-            { id: "testimonial-1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man_1098-15443.jpg" },
-            { id: "testimonial-2", name: "Thandi Mthembu", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14660.jpg" },
-            { id: "testimonial-3", name: "James Petersen", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-headphones_23-2149155172.jpg" },
-            { id: "testimonial-4", name: "Maria Garcia", imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg" },
-            { id: "testimonial-5", name: "Lerato Khumalo", imageSrc: "http://img.b2bpic.net/free-photo/excited-gorgeous-woman-saying-yes_176420-19324.jpg" },
-            { id: "testimonial-6", name: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/handsome-successful-male-entrepreneur-pointing-finger-upper-left-corner-smiling_176420-18939.jpg" }
-          ]}
-          ariaLabel="Client testimonials section"
-        />
-      </div>
+
 
       <div id="contact" data-section="contact" className="py-16 md:py-24">
         <ContactCTA
@@ -215,4 +235,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}