Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import TimelinePhoneView from '@/components/cardStack/layouts/timelines/TimelinePhoneView';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -42,19 +42,17 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroCarouselLogo
+      <TimelinePhoneView
-      logoText="BENTLEY CONTINENTAL GT"
+        title="BENTLEY CONTINENTAL GT"
-      description="Redefining the grand tourer. Experience unparalleled performance and refined luxury in every detail."
+        description="Redefining the grand tourer. Experience unparalleled performance and refined luxury in every detail."
-      buttons={[{ text: "Configure Now", href: "#" }, { text: "Discover More", href: "#about" }]}
+        buttons={[{ text: "Configure Now", href: "#" }, { text: "Discover More", href: "#about" }]}
-      slides={[
+        textboxLayout="split"
-        { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9285.jpg", imageAlt: "Bentley Continental GT front profile" },
+        animationType="blur-reveal"
-        { imageSrc: "http://img.b2bpic.net/free-photo/black-car-garage_417767-26.jpg", imageAlt: "Side profile luxury coupe" },
+        items={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-driving-car-night_1303-17035.jpg", imageAlt: "Bentley interior details" },
+            { trigger: "Precision", content: "Engineering beyond expectations.", imageOne: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9285.jpg" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/grey-silver-color-sport-car-front-side-view-with-red-wheels-road_114579-1163.jpg", imageAlt: "Rear view cinematic shot" },
+            { trigger: "Luxury", content: "Bespoke interiors tailored for you.", imageOne: "http://img.b2bpic.net/free-photo/accuracy-leather-work_1098-13413.jpg" }
-        { imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138933.jpg", imageAlt: "Engine details close up" },
+        ]}
-        { imageSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-with-light-effects_23-2151118209.jpg", imageAlt: "Driving through winding road" },
+      />
-      ]}
-    />
   </div>
 
   <div id="about" data-section="about">
@@ -169,4 +167,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -56,4 +56,4 @@ export default function ServicesPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}