Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -16,35 +16,23 @@ export default function LandingPage() {
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
         defaultTextAnimation="background-highlight"
-        borderRadius="soft"
+        borderRadius="pill"
-        contentWidth="smallMedium"
+        contentWidth="medium"
         sizing="largeSizeMediumTitles"
         background="noiseDiagonalGradient"
-        cardStyle="layered-gradient"
+        cardStyle="glass-elevated"
-        primaryButtonStyle="gradient"
+        primaryButtonStyle="primary-glow"
         secondaryButtonStyle="glass"
-        headingFontWeight="medium"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Features", id: "features" },
-          name: "Features",
+        { name: "Results", id: "metrics" },
-          id: "features",
+        { name: "Testimonials", id: "testimonials" },
-        },
+        { name: "FAQ", id: "faq" },
-        {
-          name: "Results",
-          id: "metrics",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
       ]}
       brandName="RoomDesigner"
     />
@@ -54,12 +42,7 @@ export default function LandingPage() {
       <HeroLogo
       logoText="RoomDesigner Pro"
       description="Transform your living space with our advanced 3D virtual room designer. Visualize, plan, and perfect your interior design projects in real-time."
-      buttons={[
+      buttons={[{ text: "Get Started", href: "#contact" }]}
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
       buttonAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg"
       imageAlt="RoomDesigner Interface"
@@ -72,21 +55,9 @@ export default function LandingPage() {
       title="Design Your Future"
       description="Powerful tools to bring your creative vision to life with complete precision."
       accordionItems={[
-        {
+        { id: "1", title: "Real-time Furniture Layout", content: "Easily place and rearrange virtual furniture with our intuitive drag-and-drop 3D engine." },
-          id: "1",
+        { id: "2", title: "Advanced Lighting Simulation", content: "Test how natural and artificial light affects your design choices with physically accurate rendering." },
-          title: "Real-time Furniture Layout",
+        { id: "3", title: "Smart Material Swapping", content: "Instantly visualize different materials, textures, and finishes on your walls and floors." },
-          content: "Easily place and rearrange virtual furniture with our intuitive drag-and-drop 3D engine.",
-        },
-        {
-          id: "2",
-          title: "Advanced Lighting Simulation",
-          content: "Test how natural and artificial light affects your design choices with physically accurate rendering.",
-        },
-        {
-          id: "3",
-          title: "Smart Material Swapping",
-          content: "Instantly visualize different materials, textures, and finishes on your walls and floors.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/trendy-color-swatches-with-different-elements_23-2150169890.jpg"
       mediaAnimation="slide-up"
@@ -99,21 +70,9 @@ export default function LandingPage() {
       title="Designed for Impact"
       tag="Trusted by Professionals"
       metrics={[
-        {
+        { id: "1", value: "50K+", description: "Active Projects Completed" },
-          id: "1",
+        { id: "2", value: "98%", description: "Client Satisfaction Rate" },
-          value: "50K+",
+        { id: "3", value: "24/7", description: "Cloud Rendering Access" },
-          description: "Active Projects Completed",
-        },
-        {
-          id: "2",
-          value: "98%",
-          description: "Client Satisfaction Rate",
-        },
-        {
-          id: "3",
-          value: "24/7",
-          description: "Cloud Rendering Access",
-        },
       ]}
       metricsAnimation="blur-reveal"
     />
@@ -126,26 +85,11 @@ export default function LandingPage() {
       rating={5}
       author="Elena Rossi, Lead Designer"
       avatars={[
-        {
+        { src: "http://img.b2bpic.net/free-photo/woman-drawing-looking-camera_23-2147770009.jpg", alt: "User 1" },
-          src: "http://img.b2bpic.net/free-photo/woman-drawing-looking-camera_23-2147770009.jpg",
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-office_23-2148242883.jpg", alt: "User 2" },
-          alt: "User 1",
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-color-palette_23-2148819840.jpg", alt: "User 3" },
-        },
+        { src: "http://img.b2bpic.net/free-photo/lifestyle-shot-young-woman-student-using-her-digital-tablet-laughing-smiling-sitting_1258-201273.jpg", alt: "User 4" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/real-estate-satisfied-man-rejoicing-founding-perfect-home-apartment-holding-paper-house-model-sta_1258-113657.jpg", alt: "User 5" },
-          src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-office_23-2148242883.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-color-palette_23-2148819840.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/lifestyle-shot-young-woman-student-using-her-digital-tablet-laughing-smiling-sitting_1258-201273.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/real-estate-satisfied-man-rejoicing-founding-perfect-home-apartment-holding-paper-house-model-sta_1258-113657.jpg",
-          alt: "User 5",
-        },
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="slide-up"
@@ -157,21 +101,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
+        { id: "1", title: "Is the app beginner friendly?", content: "Yes, our interface is designed for both amateur enthusiasts and professional designers." },
-          id: "1",
+        { id: "2", title: "Can I export my designs?", content: "Yes, export in multiple formats including 4K renders and architectural layouts." },
-          title: "Is the app beginner friendly?",
+        { id: "3", title: "Is cloud storage included?", content: "All plans include unlimited secure cloud storage for your project versions." },
-          content: "Yes, our interface is designed for both amateur enthusiasts and professional designers.",
-        },
-        {
-          id: "2",
-          title: "Can I export my designs?",
-          content: "Yes, export in multiple formats including 4K renders and architectural layouts.",
-        },
-        {
-          id: "3",
-          title: "Is cloud storage included?",
-          content: "All plans include unlimited secure cloud storage for your project versions.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Find answers to common questions about RoomDesigner."
@@ -182,54 +114,22 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "canvas-reveal" }}
-        variant: "canvas-reveal",
-      }}
       text="Ready to design your perfect space? Start your free trial with RoomDesigner Pro today and unlock full access to our professional 3D suite."
-      buttons={[
+      buttons={[{ text: "Contact Support", href: "#" }]}
-        {
-          text: "Contact Support",
-          href: "#",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterLogoEmphasis
-      columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Pricing",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-      ]}
       logoText="RoomDesigner"
-      copyrightText="© 2025 RoomDesigner Inc."
+      columns={[
+        { items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#" }] },
+        { items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
+  --background: #050505;
-  --card: #1f4035;
+  --card: #0f0f0f;
-  --foreground: #ffffff;
+  --foreground: #f5f5f5;
-  --primary-cta: #ffffff;
+  --primary-cta: #d4af37;
   --primary-cta-text: #051a12;
-  --secondary-cta: #0d2b1f;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #d4f6e8;
-  --accent: #0d5238;
+  --accent: #b8860b;
-  --background-accent: #10b981;
+  --background-accent: #262626;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);