Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -31,16 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "Features", id: "features" },
-        {
+        { name: "Location", id: "location" },
-          name: "Features",          id: "features"},
+        { name: "Testimonials", id: "testimonials" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Location",          id: "location"},
-        {
-          name: "Testimonials",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="TransitStay Feldkirch"
     />
@@ -48,41 +43,28 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
       title="Feldkirch Transit: Seamless Stays Simplified"
       description="Modern comfort meets extreme convenience right at the train station gates."
       avatars={[
-        {
+        { src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-use-laptop-computer-bedroom_74190-11152.jpg", alt: "Happy business traveler" },
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-use-laptop-computer-bedroom_74190-11152.jpg",          alt: "Happy business traveler"},
+        { src: "http://img.b2bpic.net/free-photo/charming-blonde-girl-sunglasses-red-headphones-listens-music_197531-23103.jpg", alt: "Smiling traveler" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/woman-pygama-working-laptop-bed_1303-11235.jpg", alt: "Confident business woman" },
-          src: "http://img.b2bpic.net/free-photo/charming-blonde-girl-sunglasses-red-headphones-listens-music_197531-23103.jpg",          alt: "Smiling traveler"},
+        { src: "http://img.b2bpic.net/free-photo/beautiful-female-photographer-trendy-outfit-with-black-phone-posing-smiling-near-shopping-center_197531-3424.jpg", alt: "Casual happy traveler" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/full-shot-woman-with-walking-frame_23-2149404066.jpg", alt: "Woman with walking frame" },
-          src: "http://img.b2bpic.net/free-photo/woman-pygama-working-laptop-bed_1303-11235.jpg",          alt: "Confident business woman"},
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-female-photographer-trendy-outfit-with-black-phone-posing-smiling-near-shopping-center_197531-3424.jpg",          alt: "Casual happy traveler"},
-        {
-          src: "http://img.b2bpic.net/free-photo/full-shot-woman-with-walking-frame_23-2149404066.jpg",          alt: "Woman with walking frame"},
       ]}
       avatarText="Trusted by 5,000+ travelers."
       buttons={[
-        {
+        { text: "Book Your Stay", href: "#contact" },
-          text: "Book Your Stay",          href: "#contact"},
+        { text: "Explore Features", href: "#features" },
-        {
-          text: "Explore Features",          href: "#features"},
       ]}
       buttonAnimation="slide-up"
       marqueeItems={[
-        {
+        { type: "text", text: "0 Min from Station" },
-          type: "text",          text: "0 Min from Station"},
+        { type: "text", text: "Soundproof Design" },
-        {
+        { type: "text", text: "Fast WiFi Included" },
-          type: "text",          text: "Soundproof Design"},
+        { type: "text", text: "24/7 Check-in" },
-        {
+        { type: "text", text: "Breakfast Included" },
-          type: "text",          text: "Fast WiFi Included"},
-        {
-          type: "text",          text: "24/7 Check-in"},
-        {
-          type: "text",          text: "Breakfast Included"},
       ]}
     />
   </div>
@@ -93,18 +75,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
+        { id: "1", title: "Precision Soundproofing", tags: ["Quiet", "Design"], imageSrc: "http://img.b2bpic.net/free-photo/3d-contemporary-bedroom-interior_1048-10250.jpg", imageAlt: "Soundproof room" },
-          id: "1",          title: "Precision Soundproofing",          tags: [
+        { id: "2", title: "Efficiency-First Breakfast", tags: ["Convenient", "Fast"], imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-1288.jpg", imageAlt: "Breakfast area" },
-            "Quiet",            "Design"],
+        { id: "3", title: "Instant Station Access", tags: ["Transit", "Easy"], imageSrc: "http://img.b2bpic.net/free-photo/old-wooden-door-detail-with-handle-knocker_1150-14695.jpg", imageAlt: "Station entrance" },
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-contemporary-bedroom-interior_1048-10250.jpg",          imageAlt: "Soundproof room"},
-        {
-          id: "2",          title: "Efficiency-First Breakfast",          tags: [
-            "Convenient",            "Fast"],
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-1288.jpg",          imageAlt: "Breakfast area"},
-        {
-          id: "3",          title: "Instant Station Access",          tags: [
-            "Transit",            "Easy"],
-          imageSrc: "http://img.b2bpic.net/free-photo/old-wooden-door-detail-with-handle-knocker_1150-14695.jpg",          imageAlt: "Station entrance"},
       ]}
       title="Why Modern Travelers Choose Us"
       description="We bridge the gap between efficiency and comfort."
@@ -118,12 +91,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "1", value: "0m", description: "Feldkirch Train/Bus Hub" },
-          id: "1",          value: "0m",          description: "Feldkirch Train/Bus Hub"},
+        { id: "2", value: "5m", description: "Feldkirch Historic Old Town" },
-        {
+        { id: "3", value: "15m", description: "Liechtenstein Border Crossing" },
-          id: "2",          value: "5m",          description: "Feldkirch Historic Old Town"},
-        {
-          id: "3",          value: "15m",          description: "Liechtenstein Border Crossing"},
       ]}
       title="Minutes to Everywhere"
       description="Total accessibility in the heart of Feldkirch."
@@ -137,12 +107,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       members={[
-        {
+        { id: "1", name: "The Solo Professional", role: "On business in Feldkirch.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1613.jpg" },
-          id: "1",          name: "The Solo Professional",          role: "On business in Feldkirch.",          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1613.jpg"},
+        { id: "2", name: "The Border Hopper", role: "Heading into Liechtenstein.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-asian-girl-coat-dreamily-looking-away-standing-with-yellow-suitcase-city-street_574295-2047.jpg" },
-        {
+        { id: "3", name: "The Transit Adventurer", role: "Stopover after a long rail trip.", imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg" },
-          id: "2",          name: "The Border Hopper",          role: "Heading into Liechtenstein.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-asian-girl-coat-dreamily-looking-away-standing-with-yellow-suitcase-city-street_574295-2047.jpg"},
-        {
-          id: "3",          name: "The Transit Adventurer",          role: "Stopover after a long rail trip.",          imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg"},
       ]}
       title="Perfect For"
       description="Who usually calls our hotel home."
@@ -153,14 +120,11 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
+        { type: "text", content: "Our Commitment to You" },
-          type: "text",          content: "Our Commitment to You"},
+        { type: "image", src: "http://img.b2bpic.net/free-photo/hotel-room-with-open-balcony-soft-light-through-curtains-cozy-bedroom_169016-70022.jpg", alt: "Commitment" },
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-photo/hotel-room-with-open-balcony-soft-light-through-curtains-cozy-bedroom_169016-70022.jpg",          alt: "Commitment"},
       ]}
       buttons={[
-        {
+        { text: "Learn More" },
-          text: "Learn More"},
       ]}
     />
   </div>
@@ -169,16 +133,11 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", name: "User 1", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg" },
-          id: "1",          name: "User 1",          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg"},
+        { id: "2", name: "User 2", imageSrc: "http://img.b2bpic.net/free-photo/attractive-dark-skinned-smiling-guy-with-bristle-listening-music-while-walking-street-being-good-mood_176420-19798.jpg" },
-        {
+        { id: "3", name: "User 3", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-laptop-waiting-area_107420-95823.jpg" },
-          id: "2",          name: "User 2",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-dark-skinned-smiling-guy-with-bristle-listening-music-while-walking-street-being-good-mood_176420-19798.jpg"},
+        { id: "4", name: "User 4", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-by-window_1303-19262.jpg" },
-        {
+        { id: "5", name: "User 5", imageSrc: "http://img.b2bpic.net/free-photo/three-content-designers-standing-indoors-discussing-design_74855-10433.jpg" },
-          id: "3",          name: "User 3",          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-laptop-waiting-area_107420-95823.jpg"},
-        {
-          id: "4",          name: "User 4",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-by-window_1303-19262.jpg"},
-        {
-          id: "5",          name: "User 5",          imageSrc: "http://img.b2bpic.net/free-photo/three-content-designers-standing-indoors-discussing-design_74855-10433.jpg"},
       ]}
       cardTitle="Guest Experiences"
       cardTag="4.8/5 Rating"
@@ -191,12 +150,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "1", title: "Is the train station noisy?", content: "Rooms are equipped with superior soundproofing to ensure tranquility." },
-          id: "1",          title: "Is the train station noisy?",          content: "Rooms are equipped with superior soundproofing to ensure tranquility."},
+        { id: "2", title: "Do you have parking?", content: "Yes, secure underground parking is available for guests." },
-        {
+        { id: "3", title: "How is the breakfast?", content: "We offer a decent, hearty buffet to start your transit day right." },
-          id: "2",          title: "Do you have parking?",          content: "Yes, secure underground parking is available for guests."},
-        {
-          id: "3",          title: "How is the breakfast?",          content: "We offer a decent, hearty buffet to start your transit day right."},
       ]}
       title="Frequently Asked"
       description="Answers for the modern traveler."
@@ -207,12 +163,10 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
       text="Ready to experience seamless transit accommodation?"
       buttons={[
-        {
+        { text: "Secure My Room" },
-          text: "Secure My Room"},
       ]}
     />
   </div>
@@ -226,4 +180,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f6f0e9;
+  --background: #f5f5f5;
-  --card: #efe7dd;
+  --card: #ffffff;
-  --foreground: #2b180a;
+  --foreground: #1c1c1c;
-  --primary-cta: #2b180a;
+  --primary-cta: #15479c;
   --primary-cta-text: #f6f0e9;
-  --secondary-cta: #efe7dd;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #2b180a;
-  --accent: #94877c;
+  --accent: #a8cce8;
-  --background-accent: #afa094;
+  --background-accent: #e8bea8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);