Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,10 +2,8 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
@@ -13,6 +11,8 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import { Briefcase, Heart, Sparkles, Star } from "lucide-react";
 
 export default function LandingPage() {
@@ -240,7 +240,7 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
+      <FaqDouble
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
@@ -252,60 +252,40 @@ export default function LandingPage() {
           id: "faq-3",          title: "Is breakfast included with the room rate?",          content: "Breakfast inclusion varies by room rate and package. Please check your booking confirmation or inquire at the reception for details."},
         {
           id: "faq-4",          title: "Do you have pet-friendly rooms?",          content: "Unfortunately, Elysian Hotel does not currently accommodate pets. We apologize for any inconvenience."},
-        {
-          id: "faq-5",          title: "What is your cancellation policy?",          content: "Our standard cancellation policy allows free cancellation up to 48 hours before arrival. Please refer to your booking terms for specific details."},
       ]}
       title="Frequently Asked Questions"
       description="Find quick answers to common questions about your stay, bookings, and hotel services."
       tag="Need Help?"
       faqsAnimation="slide-up"
+      accordionClassName="border border-[var(--background-accent)] rounded-lg"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
+      <ContactCenter
+      useInvertedBackground={true}
       background={{
-        variant: "radial-gradient"}}
+        variant: "plain"}}
       tag="Plan Your Visit"
       title="Book Your Unforgettable Stay"
       description="Contact us today to reserve your room or inquire about our exclusive packages. Our dedicated team is ready to assist you."
-      buttons={[
-        {
-          text: "Call Us Now",          href: "tel:+1234567890"},
-        {
-          text: "Send an Email",          href: "mailto:info@elysianhotel.com"},
-      ]}
+      inputPlaceholder="Your Email"
+      buttonText="Submit"
+      onSubmit={(email) => console.log(`Contact form submitted with email: ${email}`)}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterBaseCard
       logoText="Elysian Hotel"
-      logoTextClassName="text-transparent bg-clip-text stroke-1 stroke-foreground text-9xl font-extrabold"
+      logoTextClassName="text-transparent bg-clip-text text-8xl md:text-9xl font-extrabold stroke-1 stroke-foreground uppercase"
       columns={[
         {
           title: "Hotel",          items: [
             {
               label: "About Us",              href: "#about"},
             {
-              label: "Rooms & Suites",              href: "#rooms"},
-            {
-              label: "Amenities",              href: "#features"},
-            {
-              label: "Packages",              href: "#pricing"},
-          ],
-        },
-        {
-          title: "Guest Services",          items: [
-            {
-              label: "Concierge",              href: "#"},
-            {
-              label: "Dining",              href: "#"},
-            {
-              label: "Spa",              href: "#"},
-            {
-              label: "Events",              href: "#"},
+              label: "Rooms",              href: "#rooms"},
           ],
         },
         {
@@ -314,8 +294,6 @@ export default function LandingPage() {
               label: "Contact Us",              href: "#contact"},
             {
               label: "FAQ",              href: "#faq"},
-            {
-              label: "Sitemap",              href: "#"},
           ],
         },
         {

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0d1412;
-  --card: #1a201f;
-  --foreground: #eae5d8;
-  --primary-cta: #d8a86b;
-  --primary-cta-text: #0d1412;
-  --secondary-cta: #1a201f;
-  --secondary-cta-text: #eae5d8;
-  --accent: #9cd6b5;
-  --background-accent: #1a201f;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffffe6;
+  --primary-cta: #e6e6e6;
+  --primary-cta-text: #0a0a0a;
+  --secondary-cta: #1a1a1a;
+  --secondary-cta-text: #ffffffe6;
+  --accent: #737373;
+  --background-accent: #737373;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);