Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,15 +2,24 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { Facebook, Instagram, Mail, Phone, MapPin } from "lucide-react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 
 export default function LandingPage() {
+  const navItems = [
+    { name: "Home", id: "hero" },
+    { name: "About", id: "about" },
+    { name: "Reviews", id: "testimonials" },
+    { name: "FAQ", id: "faq" },
+    { name: "Contact", id: "contact" },
+  ];
+
   return (
     <ThemeProvider
         defaultButtonVariant="expand-hover"
@@ -27,24 +36,7 @@ export default function LandingPage() {
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
-      navItems={[
+      navItems={navItems}
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
       brandName="Shellstar Homes"
     />
   </div>
@@ -52,65 +44,28 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Crafting Your Custom Dream Home"
       description="At Shellstar Homes, we build more than just houses; we create the foundation for your life's best memories. Professional, reliable, and deeply committed to your vision."
       avatars={[
-        {
+        { src: "http://img.b2bpic.net/free-photo/architects-front-brick-wall_23-2147813094.jpg", alt: "Client 1" },
-          src: "http://img.b2bpic.net/free-photo/architects-front-brick-wall_23-2147813094.jpg",
+        { src: "http://img.b2bpic.net/free-photo/happy-couple-sitting-back-back-their-new-home_329181-162.jpg", alt: "Client 2" },
-          alt: "Client 1",
+        { src: "http://img.b2bpic.net/free-photo/using-contemporary-equipment-planning-new-home_329181-7399.jpg", alt: "Client 3" },
-        },
+        { src: "http://img.b2bpic.net/free-photo/happy-couple-communicating-while-relaxing-bed-morning_637285-5664.jpg", alt: "Client 4" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/close-up-woman-looking-plans_23-2148819835.jpg", alt: "Client 5" },
-          src: "http://img.b2bpic.net/free-photo/happy-couple-sitting-back-back-their-new-home_329181-162.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/using-contemporary-equipment-planning-new-home_329181-7399.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-couple-communicating-while-relaxing-bed-morning_637285-5664.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-woman-looking-plans_23-2148819835.jpg",
-          alt: "Client 5",
-        },
       ]}
       avatarText="Trusted by families across the region"
       buttons={[
-        {
+        { text: "View Our Projects", href: "#about" },
-          text: "View Our Projects",
+        { text: "Get a Consultation", href: "#contact" },
-          href: "#about",
-        },
-        {
-          text: "Get a Consultation",
-          href: "#contact",
-        },
       ]}
       buttonAnimation="slide-up"
       marqueeItems={[
-        {
+        { type: "text", text: "Custom Home Experts" },
-          type: "text",
+        { type: "text", text: "Sustainable Design" },
-          text: "Custom Home Experts",
+        { type: "text", text: "Craftsmanship Focused" },
-        },
+        { type: "text", text: "Transparent Process" },
-        {
+        { type: "text", text: "Family Oriented" },
-          type: "text",
-          text: "Sustainable Design",
-        },
-        {
-          type: "text",
-          text: "Craftsmanship Focused",
-        },
-        {
-          type: "text",
-          text: "Transparent Process",
-        },
-        {
-          type: "text",
-          text: "Family Oriented",
-        },
       ]}
     />
   </div>
@@ -119,26 +74,11 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
+        { type: "text", content: "Built with Integrity," },
-          type: "text",
+        { type: "image", src: "http://img.b2bpic.net/free-photo/close-up-woman-looking-plans_23-2148819835.jpg", alt: "Building site" },
-          content: "Built with Integrity,",
+        { type: "text", content: "Designed for Living." },
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/close-up-woman-looking-plans_23-2148819835.jpg",
-          alt: "Building site",
-        },
-        {
-          type: "text",
-          content: "Designed for Living.",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Learn More",
-          href: "#contact",
-        },
       ]}
+      buttons={[{ text: "Learn More", href: "#contact" }]}
     />
   </div>
 
@@ -148,46 +88,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", name: "Wayde Kingsley", handle: "@shellstar-client", testimonial: "We were very impressed with how genuine and personable Tristan and his wife Kelly were. They showed their excitement at all stages of the build.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/architects-front-brick-wall_23-2147813094.jpg" },
-          id: "1",
+        { id: "2", name: "Jody McCombe", handle: "@shellstar-client", testimonial: "Outstanding job on our home. We researched thoroughly through the internet and Ontario Home Builders Association before selecting Shellstar.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-sitting-back-back-their-new-home_329181-162.jpg" },
-          name: "Wayde Kingsley",
+        { id: "3", name: "Pat Mullen", handle: "@shellstar-client", testimonial: "I was apprehensive about a custom build from afar, but meeting Tristan and Kelly assured me I was dealing with genuine, quality people.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/using-contemporary-equipment-planning-new-home_329181-7399.jpg" },
-          handle: "@shellstar-client",
-          testimonial: "We were very impressed with how genuine and personable Tristan and his wife Kelly were. They showed their excitement at all stages of the build.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/architects-front-brick-wall_23-2147813094.jpg",
-        },
-        {
-          id: "2",
-          name: "Jody McCombe",
-          handle: "@shellstar-client",
-          testimonial: "Outstanding job on our home. We researched thoroughly through the internet and Ontario Home Builders Association before selecting Shellstar.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-sitting-back-back-their-new-home_329181-162.jpg",
-        },
-        {
-          id: "3",
-          name: "Pat Mullen",
-          handle: "@shellstar-client",
-          testimonial: "I was apprehensive about a custom build from afar, but meeting Tristan and Kelly assured me I was dealing with genuine, quality people.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/using-contemporary-equipment-planning-new-home_329181-7399.jpg",
-        },
-        {
-          id: "4",
-          name: "Sarah Miller",
-          handle: "@shellstar-client",
-          testimonial: "Exceptional communication throughout. Every detail was addressed, and the quality of finish is truly top tier. Highly recommended.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-communicating-while-relaxing-bed-morning_637285-5664.jpg",
-        },
-        {
-          id: "5",
-          name: "David Thorne",
-          handle: "@shellstar-client",
-          testimonial: "Shellstar made the complex process of building a custom home feel simple and stress-free. Truly incredible result.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-looking-plans_23-2148819835.jpg?_wi=1",
-        },
       ]}
       showRating={true}
       title="Voices of Our Homeowners"
@@ -205,26 +108,8 @@ export default function LandingPage() {
       mediaAnimation="slide-up"
       faqsAnimation="slide-up"
       faqs={[
-        {
+        { id: "f1", title: "How long does a custom build take?", content: "Timelines vary by scope, but we provide a detailed schedule once planning is finalized." },
-          id: "f1",
+        { id: "f2", title: "Do you assist with permitting?", content: "Yes, we handle all municipal permits and architectural approvals." },
-          title: "How long does a custom build take?",
-          content: "Timelines vary by scope, but we provide a detailed schedule once planning is finalized.",
-        },
-        {
-          id: "f2",
-          title: "Do you assist with permitting?",
-          content: "Yes, we handle all municipal permits and architectural approvals.",
-        },
-        {
-          id: "f3",
-          title: "Can I bring my own blueprints?",
-          content: "We are happy to work with existing plans or help you design from scratch.",
-        },
-        {
-          id: "f4",
-          title: "Where do you build?",
-          content: "We serve the greater Ottawa region and surrounding areas.",
-        },
       ]}
     />
   </div>
@@ -232,32 +117,29 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       tag="Ready to Build?"
       title="Start Your Journey Today"
       description="Have a vision for your custom home? Let's discuss your project and bring your dream to reality."
       buttons={[
-        {
+        { text: "(613) 831-9041", href: "tel:6138319041" },
-          text: "(613) 831-9041",
+        { text: "Contact Us", href: "mailto:info@shellstarhomes.com" },
-          href: "tel:6138319041",
-        },
-        {
-          text: "Contact Us",
-          href: "mailto:info@shellstarhomes.com",
-        },
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterSimple
-      logoText="Shellstar Homes"
+      columns={[
-      copyrightText="© 2025 | Shellstar Homes Construction"
+        { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
+        { title: "Services", items: [{ label: "Custom Builds" }, { label: "Consulting" }] },
+        { title: "Connect", items: [{ label: "Instagram" }, { label: "Facebook" }, { label: "Email Us" }] }
+      ]}
+      bottomLeftText="© 2025 Shellstar Homes Construction"
+      bottomRightText="Ottawa, ON"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}