Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -3,15 +3,15 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import TextAbout from '@/components/sections/about/TextAbout';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { Shield } from "lucide-react";
+import { Shield, CheckCircle, Clock, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,12 +31,9 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "Fleet", id: "fleet" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Fleet",          id: "fleet"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="Sarajevo Rent"
     />
@@ -47,25 +44,11 @@ export default function LandingPage() {
       title="Rent a Car at Sarajevo Airport in Minutes"
       description="Fast pickup. No hidden fees. 24/7 availability. Your perfect journey begins the moment you land at SJJ."
       buttons={[
-        {
+        { text: "Call Now", href: "tel:+38733000000" },
-          text: "Call Now",          href: "tel:+38733000000"},
+        { text: "Check Availability", href: "#fleet" },
-        {
-          text: "Check Availability",          href: "#fleet"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/business-trip-corporate-people-concept-male-gray-coat-senior-wit-passport_1157-48844.jpg?_wi=1"
       showBlur={true}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-businesspeople-with-luggage-standing-front-escalator_107420-95769.jpg",          alt: "Smiling businesspeople with luggage standing in front of an escalator"},
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-man-standing-near-airport_1157-28060.jpg",          alt: "Handsome man standing near the airport"},
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-couple-standing-near-airport_1157-28058.jpg",          alt: "Beautiful couple standing near the airport"},
-        {
-          src: "http://img.b2bpic.net/free-photo/elegant-black-man-airport-with-suitcase_1157-34030.jpg",          alt: "Elegant black man at the airport with a suitcase"},
-        {
-          src: "http://img.b2bpic.net/free-photo/female-staff-giving-boarding-pass-businessman_107420-85088.jpg",          alt: "Female staff giving boarding pass to the businessman"},
-      ]}
       avatarText="Trusted by 10,000+ travelers"
     />
   </div>
@@ -77,18 +60,9 @@ export default function LandingPage() {
       useInvertedBackground={true}
       description="Experience the most convenient car rental process with our airport-based service and transparent pricing."
       features={[
-        {
+        { id: "f1", title: "Airport Pickup", tags: ["Convenient", "SJJ"], imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-with-car-detail_23-2148142592.jpg" },
-          id: "f1",          title: "Airport Pickup",          tags: [
+        { id: "f2", title: "No Hidden Fees", tags: ["Transparent", "Fair"], imageSrc: "http://img.b2bpic.net/free-photo/business-trip-corporate-people-concept-male-gray-coat-senior-wit-passport_1157-48844.jpg?_wi=2" },
-            "Convenient",            "SJJ"],
+        { id: "f3", title: "24/7 Support", tags: ["Reliable", "Fast"], imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-car_1303-13573.jpg?_wi=1" },
-          imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-with-car-detail_23-2148142592.jpg",          imageAlt: "Brunette businesswoman with car detail"},
-        {
-          id: "f2",          title: "No Hidden Fees",          tags: [
-            "Transparent",            "Fair"],
-          imageSrc: "http://img.b2bpic.net/free-photo/business-trip-corporate-people-concept-male-gray-coat-senior-wit-passport_1157-48844.jpg?_wi=2",          imageAlt: "Brunette businesswoman with car detail"},
-        {
-          id: "f3",          title: "24/7 Support",          tags: [
-            "Reliable",            "Fast"],
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-car_1303-13573.jpg?_wi=1",          imageAlt: "Brunette businesswoman with car detail"},
       ]}
       title="Why Rent With Us?"
     />
@@ -102,33 +76,19 @@ export default function LandingPage() {
       useInvertedBackground={false}
       description="Choose from our diverse fleet, perfectly suited for business or vacation in Bosnia."
       products={[
-        {
+        { id: "p1", name: "Economy Hatchback", price: "35€/day", imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-car_1303-13573.jpg?_wi=2" },
-          id: "p1",          name: "Economy Hatchback",          price: "35€/day",          imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-car_1303-13573.jpg?_wi=2"},
+        { id: "p2", name: "Compact Sedan", price: "45€/day", imageSrc: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-car-little-african-girl-with-mther_1157-44055.jpg" },
-        {
+        { id: "p3", name: "City SUV", price: "65€/day", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-standing-near-car_23-2149437559.jpg" },
-          id: "p2",          name: "Compact Sedan",          price: "45€/day",          imageSrc: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-car-little-african-girl-with-mther_1157-44055.jpg"},
-        {
-          id: "p3",          name: "City SUV",          price: "65€/day",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-standing-near-car_23-2149437559.jpg"},
-        {
-          id: "p4",          name: "Premium Luxury",          price: "120€/day",          imageSrc: "http://img.b2bpic.net/free-photo/simple-comfortable-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16077.jpg"},
-        {
-          id: "p5",          name: "Family Minivan",          price: "85€/day",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-summer-park-near-car_1157-28551.jpg"},
-        {
-          id: "p6",          name: "Convertible",          price: "150€/day",          imageSrc: "http://img.b2bpic.net/free-photo/businessman-walks-past-his-car_496169-2779.jpg"},
       ]}
       title="Our Fleet"
     />
   </div>
 
   <div id="about" data-section="about">
-      <TestimonialAboutCard
+      <TextAbout
+      tag="Our Reliability Story"
+      title="A Decade of Trust at Sarajevo Airport"
       useInvertedBackground={true}
-      tag="About Us"
-      title="Trusted Sarajevo Rental Specialists"
-      description="We are local experts located right at Sarajevo International Airport. We pride ourselves on fast, reliable, and transparent service."
-      subdescription="With over 300+ reviews and 10 years of service, we know exactly what travelers need."
-      icon={Shield}
-      imageSrc="http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85056.jpg"
-      mediaAnimation="slide-up"
     />
   </div>
 
@@ -139,21 +99,8 @@ export default function LandingPage() {
       useInvertedBackground={false}
       description="See what thousands of travelers have to say about their rental experience in Sarajevo."
       testimonials={[
-        {
+        { id: "1", name: "Sarah J.", handle: "@sarah_j", testimonial: "Seamless pickup at Sarajevo Airport. Highly recommended!", rating: 5 },
-          id: "1",          name: "Sarah J.",          handle: "@sarah_j",          testimonial: "Seamless pickup at Sarajevo Airport. Highly recommended!",          rating: 5,
+        { id: "2", name: "Mark D.", handle: "@mark_d", testimonial: "Very professional and fast service. No hidden fees.", rating: 5 },
-          imageSrc: "http://img.b2bpic.net/free-photo/young-family-making-selfie-car-show-room_1303-15592.jpg"},
-        {
-          id: "2",          name: "Mark D.",          handle: "@mark_d",          testimonial: "Very professional and fast service. No hidden fees.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-trip-corporate-people-concept-male-gray-suit-senior-with-tablet-headphone_1157-48864.jpg"},
-        {
-          id: "3",          name: "Elena K.",          handle: "@elena_k",          testimonial: "Great fleet, clean cars, helpful staff.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-standing-near-airport_1157-28062.jpg"},
-        {
-          id: "4",          name: "John B.",          handle: "@john_b",          testimonial: "The best car rental experience in Bosnia.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/women-near-car-with-road-map_23-2147932154.jpg"},
-        {
-          id: "5",          name: "Anna P.",          handle: "@anna_p",          testimonial: "Fast booking process. Absolutely loved the service.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-traveler-hitchhiking_23-2148218438.jpg"},
       ]}
       showRating={true}
       title="Real Experiences"
@@ -161,55 +108,41 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqSplitMedia
       useInvertedBackground={true}
+      description="Common questions about our car rental service in Sarajevo."
+      textboxLayout="default"
       faqs={[
-        {
+        { id: "q1", title: "Is there a deposit required?", content: "We keep our process simple. Deposits are minimal and fully refundable upon vehicle return in good condition." },
-          id: "q1",          title: "Do I need a credit card?",          content: "We offer multiple payment options for convenience."},
+        { id: "q2", title: "How do I find you at the airport?", content: "We are located directly in the arrivals hall. Our staff will meet you with your keys ready, ensuring zero wait time." },
-        {
+        { id: "q3", title: "What if my flight is delayed?", content: "We monitor all arrivals. If your flight is delayed, our team will adjust the pickup time automatically at no extra cost." },
-          id: "q2",          title: "Is insurance included?",          content: "Yes, basic insurance is included in every booking."},
-        {
-          id: "q3",          title: "Can I pick up late at night?",          content: "We support late airport arrivals upon booking."},
       ]}
-      sideTitle="Common Questions"
+      title="Addressing Your Concerns"
       faqsAnimation="slide-up"
+      mediaAnimation="none"
+      imageSrc="http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85056.jpg"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
+      tag="Professional Support"
-      tag="Get in touch"
+      title="Contact Our Sarajevo Team"
-      title="Your car is waiting at Sarajevo Airport"
+      description="Need personalized service or fleet inquiries? Our professional support desk at SJJ is available 24/7 to assist with your travel arrangements."
-      description="Ready to book your rental? Call us or fill in the form and we will confirm everything."
       imageSrc="http://img.b2bpic.net/free-photo/female-staff-giving-boarding-pass-businessman_107420-85089.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterLogoEmphasis
+      logoText="Sarajevo Rent"
       columns={[
-        {
+        { items: [{ label: "About Us" }, { label: "Careers" }, { label: "Partners" }] },
-          title: "Company",          items: [
+        { items: [{ label: "Fleet" }, { label: "Insurance" }, { label: "Locations" }] },
-            {
+        { items: [{ label: "Privacy" }, { label: "Terms of Service" }, { label: "Cookie Policy" }] },
-              label: "About Us",              href: "#"},
-            {
-              label: "Fleet",              href: "#fleet"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms",              href: "#"},
-          ],
-        },
       ]}
-      bottomLeftText="© 2024 Sarajevo Rent"
-      bottomRightText="SJJ Airport"
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #0a192f;
-  --card: #f9f9f9;
+  --card: #112240;
-  --foreground: #120a00e6;
+  --foreground: #e6edf3;
-  --primary-cta: #E34400;
+  --primary-cta: #cc0000;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #1a365d;
   --secondary-cta-text: #120a00e6;
-  --accent: #e2e2e2;
+  --accent: #cc0000;
-  --background-accent: #E34400;
+  --background-accent: #0d213f;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);