Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
+import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
@@ -50,11 +50,10 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
+      <HeroBillboardTestimonial
       useInvertedBackground={false}
       background={{
         variant: "plain"}}
-      imagePosition="right"
       title="Office space in St Albans from £75/week."
       description="Bills included. Flexible leases. City centre location."
       testimonials={[
@@ -95,7 +94,6 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/self-employed-analyst-working-financial-audits-budget-planning-laptop_482257-90911.jpg"
       imageAlt="Modern office space in St Albans"
       mediaAnimation="opacity"
-      fixedMediaHeight={true}
       avatarText="Join our thriving community of businesses."
       marqueeItems={[
         {
@@ -290,6 +288,8 @@ export default function LandingPage() {
               label: "Hot Desks",              href: "#offers"},
             {
               label: "Meeting Room",              href: "#offers"},
+            {
+              label: "Meeting Room",              href: "#offers"},
             {
               label: "Pricing",              href: "#pricing"},
             {
@@ -306,4 +306,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,7 +10,7 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #faf5f5;
   --card: #f9f9f9;
   --foreground: #000612e6;
   --primary-cta: #15479c;