Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,12 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
-import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 
 export default function LandingPage() {
   return (
@@ -25,103 +26,103 @@ export default function LandingPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingOverlay
+          <NavbarStyleApple
             navItems={[
+              { name: "About", id: "about" },
               { name: "Services", id: "services" },
-              { name: "Results", id: "results" },
+              { name: "Portfolio", id: "portfolio" },
+              { name: "Testimonials", id: "testimonials" },
               { name: "Contact", id: "contact" },
             ]}
-            brandName="ConsultEdge"
-            button={{
-              text: "Schedule Discovery",              href: "#contact"}}
+            brandName="Sunrise Construction"
           />
         </div>
 
         <div id="hero" data-section="hero">
-          <HeroSplitDualMedia
-            background={{
-              variant: "radial-gradient"}}
-            title="Scale Your Business With Strategy"
-            description="We bridge the gap between your current performance and your market potential with proven consulting frameworks designed for rapid scaling."
-            tag="Trusted by 500+ Enterprises"
-            buttons={[
-              { text: "Schedule Discovery", href: "#contact" },
-            ]}
-            mediaItems={[
-              {
-                imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241202.jpg",                imageAlt: "Professional workspace"},
-              {
-                imageSrc: "http://img.b2bpic.net/free-photo/business-growth-bar-chart-with-upward-trend_84443-86259.jpg?_wi=1",                imageAlt: "Strategic planning"},
-            ]}
-            mediaAnimation="slide-up"
-            rating={5}
-            ratingText="Rated 5/5 by industry leaders"
+          <HeroBillboard
+            title="Building Your Vision with Excellence"
+            description="Sunrise Construction Co. provides high-quality residential and commercial construction services with a commitment to integrity and precision."
+            buttons={[{ text: "View Our Work", href: "#portfolio" }, { text: "Get a Quote", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/construction-site_1098-17551.jpg"
+            imageAlt="Construction site overview"
+            background={{ variant: 'radial-gradient' }}
+          />
+        </div>
+
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            heading={[{ type: 'text', content: 'About Sunrise Construction' }]}
+            useInvertedBackground={false}
           />
         </div>
 
         <div id="services" data-section="services">
-          <FeatureCardMedia
-            animationType="slide-up"
+          <FeatureCardOne
+            title="Our Construction Services"
+            description="From residential foundations to commercial complex builds, we handle every detail."
             textboxLayout="split"
-            useInvertedBackground={false}
+            animationType="slide-up"
+            gridVariant="three-columns-all-equal-width"
             features={[
-              {
-                id: "1",                title: "Strategy Development",                description: "Defining your path to market leadership with actionable roadmaps.",                tag: "Core",                imageSrc: "http://img.b2bpic.net/free-photo/business-growth-bar-chart-with-upward-trend_84443-86259.jpg?_wi=2"},
-              {
-                id: "2",                title: "Operational Excellence",                description: "Refining your internal processes to maximize team efficiency and ROI.",                tag: "Process",                imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-team-employees-meeting-break-have-fun-discussing-about-business-collaboration-happy-people-laughing-planning-marketing-project-office-handheld-shot_482257-43330.jpg"},
-              {
-                id: "3",                title: "Digital Transformation",                description: "Modernizing your tech stack for a future-proof, scalable infrastructure.",                tag: "Tech",                imageSrc: "http://img.b2bpic.net/free-photo/globe-digital-grid-gradient-wallpaper_53876-104056.jpg"},
+              { title: "Residential Building", description: "Crafting custom homes with premium materials.", imageSrc: "http://img.b2bpic.net/free-photo/architecture-building-modern-house_1268-15494.jpg" },
+              { title: "Commercial Renovations", description: "Upgrading commercial spaces for modern needs.", imageSrc: "http://img.b2bpic.net/free-photo/building-renovation-site_1098-15421.jpg" },
+              { title: "Structural Repairs", description: "Reliable solutions for all structural concerns.", imageSrc: "http://img.b2bpic.net/free-photo/renovation-building_1098-15332.jpg" },
             ]}
-            title="Our Consulting Expertise"
-            description="Comprehensive solutions designed to tackle your biggest business challenges."
+            useInvertedBackground={true}
+          />
+        </div>
+
+        <div id="portfolio" data-section="portfolio">
+          <FeatureCardOne
+            title="Portfolio Gallery"
+            description="Take a look at some of our completed projects."
+            textboxLayout="default"
+            animationType="scale-rotate"
+            gridVariant="four-items-2x2-equal-grid"
+            features={[
+              { title: "Project Alpha", description: "Custom Residential Build", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-house_1268-15500.jpg" },
+              { title: "Project Beta", description: "Commercial Interior", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-interior_1098-15420.jpg" },
+              { title: "Project Gamma", description: "High-Rise Structure", imageSrc: "http://img.b2bpic.net/free-photo/city-skyscraper-construction_1098-15423.jpg" },
+              { title: "Project Delta", description: "Exterior Renovation", imageSrc: "http://img.b2bpic.net/free-photo/house-renovation_1098-15424.jpg" },
+            ]}
+            useInvertedBackground={false}
           />
         </div>
 
         <div id="testimonials" data-section="testimonials">
-          <TestimonialCardSix
-            animationType="slide-up"
-            textboxLayout="split"
-            useInvertedBackground={true}
-            testimonials={[
-              {
-                id: "1",                name: "Jane Doe",                handle: "CEO, TechCorp",                testimonial: "Transformed our revenue in just 3 months. Invaluable.",                imageSrc: "http://img.b2bpic.net/free-photo/cheerful-boss-sitting-with-newspaper-table_1098-3037.jpg"},
-              {
-                id: "2",                name: "John Smith",                handle: "CTO, DataSystems",                testimonial: "The digital transformation strategy was a complete game changer.",                imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg"},
-              {
-                id: "3",                name: "Sarah Lee",                handle: "Director, GlobalInc",                testimonial: "Insightful, actionable, and extremely efficient.",                imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman_1098-14872.jpg"},
-              {
-                id: "4",                name: "Mark Wilson",                handle: "Founder, StartupXYZ",                testimonial: "Strategic clarity provided the leverage we desperately needed.",                imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84736.jpg"},
-              {
-                id: "5",                name: "Anna Brown",                handle: "COO, FinanceGroup",                testimonial: "Exceptional team to work with. Absolute gold standard.",                imageSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg"},
-            ]}
-            title="What Clients Say"
-            description="Proven results from industry partners."
-          />
+           <TestimonialCardFifteen
+             testimonial="Sunrise Construction delivered our project on time and within budget. Professionalism at its best!"
+             rating={5}
+             author="Robert & Sarah Jenkins"
+             avatars={[]}
+             ratingAnimation="slide-up"
+             avatarsAnimation="slide-up"
+             useInvertedBackground={true}
+           />
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactText
-            useInvertedBackground={false}
-            background={{
-              variant: "radial-gradient"}}
-            text="Ready to scale your business to new heights? Let's discuss your vision today."
-            buttons={[
-              {
-                text: "Schedule Discovery",                href: "#contact"},
-            ]}
+          <ContactCTA
+             tag="Get in touch"
+             title="Ready to start your project?"
+             description="Contact us for a professional consultation and a competitive quote for your building needs."
+             buttons={[{ text: "Call Us Today", href: "tel:+15551234567" }]}
+             background={{ variant: "sparkles-gradient" }}
+             useInvertedBackground={false}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterLogoReveal
-            logoText="ConsultEdge"
-            leftLink={{
-              text: "Privacy Policy",              href: "#"}}
-            rightLink={{
-              text: "Schedule Discovery",              href: "#contact"}}
+          <FooterSimple
+            columns={[
+              { title: "Company", items: [{ label: "About Us" }, { label: "Careers" }] },
+              { title: "Resources", items: [{ label: "Blog" }, { label: "Help Center" }] }
+            ]}
+            bottomLeftText="© 2024 Sunrise Construction Co. All rights reserved."
+            bottomRightText="Built by Sunrise Construction"
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}