Update src/app/globals.css

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #f8fcff;;
-  --card: #ffffff;;
-  --foreground: #00101f;;
-  --primary-cta: #409fff;;
+  --background: #f7fffa;;
+  --card: #f1fff8;;
+  --foreground: #001a0a;;
+  --primary-cta: #0a7039;;
   --secondary-cta: #ffffff;;
-  --accent: #c7e2fc;;
-  --background-accent: #9bcfff;;
+  --accent: #a8d9be;;
+  --background-accent: #6bbf8e;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/layout.tsx

@@ -1272,4 +1272,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -1,17 +1,17 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
-import TeamCardThree from '@/components/sections/team/TeamCardThree';
+import TeamCardFive from '@/components/sections/team/TeamCardFive';
 import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
 import ContactInline from '@/components/sections/contact/ContactInline';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import { Star, Heart, Home, Mountain, Sparkles, Crown, Linkedin, Globe } from "lucide-react";
+import { Star, Heart, Home, Mountain, Sparkles, Crown } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -28,7 +28,7 @@ export default function LandingPage() {
       headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay
+        <NavbarStyleCentered
           brandName="Alpine Luxury"
           navItems={[
             { name: "Rooms", id: "rooms" },
@@ -235,45 +235,34 @@ export default function LandingPage() {
       </div>
 
       <div id="team" data-section="team">
-        <TeamCardThree
+        <TeamCardFive
           title="Meet Our Hospitality Team"
           description="Dedicated professionals committed to creating your perfect Alpine experience."
           tag="Staff"
           textboxLayout="default"
           useInvertedBackground="noInvert"
           animationType="slide-up"
-          members={[
+          team={[
             {
               id: "1",
               name: "Samuel Eicher",
               role: "General Manager",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767556199718-irvjkbto.jpg",
-              imageAlt: "General Manager Samuel Eicher",
-              socialLinks: [
-                { icon: Linkedin, url: "https://linkedin.com" },
-                { icon: Globe, url: "https://example.com" }
-              ]
+              imageAlt: "General Manager Samuel Eicher"
             },
             {
               id: "2",
               name: "Marta Rossi",
               role: "Head Concierge",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767556198938-sapad5cn.jpg",
-              imageAlt: "Head Concierge Marta Rossi",
-              socialLinks: [
-                { icon: Linkedin, url: "https://linkedin.com" }
-              ]
+              imageAlt: "Head Concierge Marta Rossi"
             },
             {
               id: "3",
               name: "Chef Andreas Müller",
               role: "Executive Chef",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767556200257-fw1n6fwc.jpg",
-              imageAlt: "Executive Chef Andreas Müller",
-              socialLinks: [
-                { icon: Linkedin, url: "https://linkedin.com" },
-                { icon: Globe, url: "https://example.com" }
-              ]
+              imageAlt: "Executive Chef Andreas Müller"
             }
           ]}
         />
@@ -393,4 +382,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}