Update theme colors

Merge version_1 into main

src/app/page.tsx

@@ -33,17 +33,21 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",          id: "#home"},
+          name: "Home",          id: "/"},
         {
           name: "About",          id: "#about"},
         {
-          name: "Services",          id: "#services"},
+          name: "Services",          id: "/services"},
         {
-          name: "Projects",          id: "#projects"},
+          name: "Réalisations",          id: "/realisations"},
         {
           name: "Testimonials",          id: "#testimonials"},
         {
-          name: "Contact",          id: "#contact"},
+          name: "FAQ",          id: "/faq"},
+        {
+          name: "Request Quote",          id: "/quote"},
+        {
+          name: "Book Now",          id: "/booking"},
       ]}
       brandName="ATLANTIC NAVY"
       bottomLeftText="Lège-Cap-Ferret, France"
@@ -61,9 +65,9 @@ export default function LandingPage() {
       tagAnimation="opacity"
       buttons={[
         {
-          text: "Explore Our Services",          href: "#services"},
+          text: "Explore Our Services",          href: "/services"},
         {
-          text: "Request a Quote",          href: "#contact"},
+          text: "Request a Quote",          href: "/quote"},
       ]}
       buttonAnimation="opacity"
       mediaItems={[
@@ -258,19 +262,21 @@ export default function LandingPage() {
         {
           title: "Services",          items: [
             {
-              label: "Construction",              href: "#services"},
+              label: "Construction",              href: "/services"},
             {
-              label: "Refit & Repair",              href: "#services"},
+              label: "Refit & Repair",              href: "/services"},
             {
-              label: "Maintenance",              href: "#services"},
+              label: "Maintenance",              href: "/services"},
           ],
         },
         {
           title: "Support",          items: [
             {
-              label: "FAQ",              href: "#faq"},
+              label: "FAQ",              href: "/faq"},
             {
-              label: "Contact Us",              href: "#contact"},
+              label: "Request Quote",              href: "/quote"},
+            {
+              label: "Book Now",              href: "/booking"},
           ],
         },
         {

src/app/quote/page.tsx

@@ -0,0 +1,104 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+
+export default function QuotePage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="mediumSmall"
+      sizing="mediumLargeSizeMediumTitles"
+      background="blurBottom"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "#about" },
+              { name: "Services", id: "/services" },
+              { name: "Réalisations", id: "/realisations" },
+              { name: "Testimonials", id: "#testimonials" },
+              { name: "FAQ", id: "/faq" },
+              { name: "Request Quote", id: "/quote" },
+              { name: "Book Now", id: "/booking" },
+            ]}
+            brandName="ATLANTIC NAVY"
+            bottomLeftText="Lège-Cap-Ferret, France"
+            bottomRightText="contact@atlanticnavy.com"
+          />
+        </div>
+
+        <div id="quote-form" data-section="quote-form">
+          <ContactSplitForm
+            title="Request a Detailed Quote"
+            description="Tell us about your project, and our team will get back to you with a personalized estimate tailored to your marine construction, refit, or maintenance needs in Lège-Cap-Ferret and Bassin d'Arcachon."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Your Email", required: true },
+              { name: "phone", type: "tel", placeholder: "Your Phone Number" },
+              { name: "vesselType", type: "text", placeholder: "Type of Vessel (e.g., Yacht, Sailboat)" },
+              { name: "projectType", type: "text", placeholder: "Project Type (e.g., New Build, Refit, Maintenance)" },
+            ]}
+            textarea={{
+              name: "message",              placeholder: "Describe your project in detail...",              rows: 5,
+              required: true,
+            }}
+            imageSrc="http://img.b2bpic.net/free-photo/shipbuilder-working-on-new-yacht_23-2149366657.jpg"
+            imageAlt="Shipbuilder working on a new yacht construction"
+            mediaPosition="right"
+            buttonText="Send Quote Request"
+            useInvertedBackground={true}
+            onSubmit={(data) => console.log('Quote Request Submitted:', data)}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "#about" },
+                  { label: "Our Team", href: "#" },
+                  { label: "Careers", href: "#" },
+                ],
+              },
+              {
+                title: "Services",                items: [
+                  { label: "Construction", href: "/services" },
+                  { label: "Refit & Repair", href: "/services" },
+                  { label: "Maintenance", href: "/services" },
+                ],
+              },
+              {
+                title: "Support",                items: [
+                  { label: "FAQ", href: "/faq" },
+                  { label: "Request Quote", href: "/quote" },
+                  { label: "Book Now", href: "/booking" },
+                ],
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", href: "#" },
+                ],
+              },
+            ]}
+            bottomLeftText="© 2024 ATLANTIC NAVY. All rights reserved."
+            bottomRightText="Built with passion in Lège-Cap-Ferret."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/styles/variables.css

@@ -10,13 +10,13 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f6f7;
+  --background: #F5F7FA;
   --card: #ffffff;
-  --foreground: #250c0d;
+  --foreground: #0A0D6E;
-  --primary-cta: #b82b40;
+  --primary-cta: #0A0D6E;
-  --primary-cta-text: #f7f6f7;
+  --primary-cta-text: #FFFFFF;
   --secondary-cta: #ffffff;
-  --secondary-cta-text: #250c0d;
+  --secondary-cta-text: #D4AF37;
   --accent: #b90941;
   --background-accent: #e8a8b6;