Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -33,33 +33,19 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "#hero"},
-          id: "#hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "#features"},
-          id: "#features",
-        },
         {
-          name: "Products",
+          name: "Products",          id: "#products"},
-          id: "#products",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "#testimonials"},
-          id: "#testimonials",
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "#faq"},
-          id: "#faq",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="Torcenter Zweibrücken"
     />
@@ -68,52 +54,29 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "rotated-rays-static-grid",
+        variant: "rotated-rays-static-grid"}}
-      }}
       title="Torcenter Zweibrücken GmbH"
       description="Your reliable partner for high-quality garage doors, industrial gates, and advanced access solutions in the Zweibrücken region."
       buttons={[
         {
-          text: "Discover Our Products",
+          text: "Discover Our Products",          href: "#products"},
-          href: "#products",
-        },
         {
-          text: "Get a Quote",
+          text: "Get a Quote",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       buttonAnimation="blur-reveal"
       carouselItems={[
         {
-          id: "hc1",
+          id: "hc1",          imageSrc: "http://img.b2bpic.net/free-photo/dark-indoors_23-2148098670.jpg",          imageAlt: "Modern sectional garage door of a home"},
-          imageSrc: "http://img.b2bpic.net/free-photo/dark-indoors_23-2148098670.jpg",
-          imageAlt: "Modern sectional garage door of a home",
-        },
         {
-          id: "hc2",
+          id: "hc2",          imageSrc: "http://img.b2bpic.net/free-photo/turnstile-entrance-subway_1339-6343.jpg",          imageAlt: "Large industrial sliding gate at a factory"},
-          imageSrc: "http://img.b2bpic.net/free-photo/turnstile-entrance-subway_1339-6343.jpg",
-          imageAlt: "Large industrial sliding gate at a factory",
-        },
         {
-          id: "hc3",
+          id: "hc3",          imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13514.jpg",          imageAlt: "Sleek roll-up garage door design for residential use"},
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13514.jpg",
-          imageAlt: "Sleek roll-up garage door design for residential use",
-        },
         {
-          id: "hc4",
+          id: "hc4",          imageSrc: "http://img.b2bpic.net/free-photo/turnstiles-entrance-subway_1127-2212.jpg",          imageAlt: "High-speed industrial roller shutter"},
-          imageSrc: "http://img.b2bpic.net/free-photo/turnstiles-entrance-subway_1127-2212.jpg",
-          imageAlt: "High-speed industrial roller shutter",
-        },
         {
-          id: "hc5",
+          id: "hc5",          imageSrc: "http://img.b2bpic.net/free-photo/architecture-shadows-day-city_23-2149451186.jpg",          imageAlt: "Modern automatic swing gate for a residential entrance"},
-          imageSrc: "http://img.b2bpic.net/free-photo/architecture-shadows-day-city_23-2149451186.jpg",
-          imageAlt: "Modern automatic swing gate for a residential entrance",
-        },
         {
-          id: "hc6",
+          id: "hc6",          imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16080.jpg",          imageAlt: "Robust industrial folding gate for a facility"},
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16080.jpg",
-          imageAlt: "Robust industrial folding gate for a facility",
-        },
       ]}
       autoPlay={true}
       autoPlayInterval={4000}
@@ -125,14 +88,10 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="About Torcenter Zweibrücken"
       description={[
-        "With years of experience, Torcenter Zweibrücken GmbH is your trusted local expert for all types of gates and access systems. We pride ourselves on delivering robust, secure, and aesthetically pleasing solutions.",
+        "With years of experience, Torcenter Zweibrücken GmbH is your trusted local expert for all types of gates and access systems. We pride ourselves on delivering robust, secure, and aesthetically pleasing solutions.",        "Our commitment to quality extends from consultation and planning to professional installation and reliable after-sales service. We ensure optimal functionality and durability for every project."]}
-        "Our commitment to quality extends from consultation and planning to professional installation and reliable after-sales service. We ensure optimal functionality and durability for every project.",
-      ]}
       buttons={[
         {
-          text: "Learn More",
+          text: "Learn More",          href: "#features"},
-          href: "#features",
-        },
       ]}
       buttonAnimation="blur-reveal"
       showBorder={false}
@@ -146,23 +105,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Professional Consultation",
+          title: "Professional Consultation",          description: "Expert advice to help you choose the ideal gate solution for your specific requirements.",          imageSrc: "http://img.b2bpic.net/free-photo/businessmen-conversating_23-2147626596.jpg",          imageAlt: "Architect and client discussing blueprints"},
-          description: "Expert advice to help you choose the ideal gate solution for your specific requirements.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessmen-conversating_23-2147626596.jpg",
-          imageAlt: "Architect and client discussing blueprints",
-        },
         {
-          title: "Precision Installation",
+          title: "Precision Installation",          description: "Experienced technicians ensure flawless and safe installation of all gate systems.",          imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-owner-working_23-2148828356.jpg",          imageAlt: "Technician installing a garage door"},
-          description: "Experienced technicians ensure flawless and safe installation of all gate systems.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-owner-working_23-2148828356.jpg",
-          imageAlt: "Technician installing a garage door",
-        },
         {
-          title: "Reliable Maintenance & Repair",
+          title: "Reliable Maintenance & Repair",          description: "Long-term support and quick repair services to keep your gates operating smoothly.",          imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-55378.jpg",          imageAlt: "Mechanic checking a garage door motor"},
-          description: "Long-term support and quick repair services to keep your gates operating smoothly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-55378.jpg",
-          imageAlt: "Mechanic checking a garage door motor",
-        },
       ]}
       title="Our Expertise & Services"
       description="We offer comprehensive services to meet all your gate needs, ensuring performance and customer satisfaction."
@@ -177,47 +124,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Sectional Garage Door Premium",          price: "€1,800",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207752.jpg",          imageAlt: "Premium sectional garage door"},
-          name: "Sectional Garage Door Premium",
-          price: "€1,800",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207752.jpg",
-          imageAlt: "Premium sectional garage door",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Roll-up Garage Door Standard",          price: "€1,200",          imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13539.jpg",          imageAlt: "Standard roll-up garage door"},
-          name: "Roll-up Garage Door Standard",
-          price: "€1,200",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13539.jpg",
-          imageAlt: "Standard roll-up garage door",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Industrial Sliding Gate Heavy Duty",          price: "€4,500",          imageSrc: "http://img.b2bpic.net/free-photo/japanese-house-entrance_23-2149445341.jpg",          imageAlt: "Heavy duty industrial sliding gate"},
-          name: "Industrial Sliding Gate Heavy Duty",
-          price: "€4,500",
-          imageSrc: "http://img.b2bpic.net/free-photo/japanese-house-entrance_23-2149445341.jpg",
-          imageAlt: "Heavy duty industrial sliding gate",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Industrial Folding Gate Compact",          price: "€3,800",          imageSrc: "http://img.b2bpic.net/free-photo/outdoors-abstract-shadow-daytime_23-2149080289.jpg",          imageAlt: "Compact industrial folding gate"},
-          name: "Industrial Folding Gate Compact",
-          price: "€3,800",
-          imageSrc: "http://img.b2bpic.net/free-photo/outdoors-abstract-shadow-daytime_23-2149080289.jpg",
-          imageAlt: "Compact industrial folding gate",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Automatic Swing Gate Residential",          price: "€2,200",          imageSrc: "http://img.b2bpic.net/free-photo/old-house-entrance-japan-building_23-2149301116.jpg",          imageAlt: "Automatic swing gate for residential use"},
-          name: "Automatic Swing Gate Residential",
-          price: "€2,200",
-          imageSrc: "http://img.b2bpic.net/free-photo/old-house-entrance-japan-building_23-2149301116.jpg",
-          imageAlt: "Automatic swing gate for residential use",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "High-Speed Roller Shutter",          price: "€5,000",          imageSrc: "http://img.b2bpic.net/free-photo/staircase-near-blue-wall-garage-leading-yellow-door_181624-11430.jpg",          imageAlt: "High-speed industrial roller shutter"},
-          name: "High-Speed Roller Shutter",
-          price: "€5,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/staircase-near-blue-wall-garage-leading-yellow-door_181624-11430.jpg",
-          imageAlt: "High-speed industrial roller shutter",
-        },
       ]}
       title="Our Product Range"
       description="Explore our selection of high-quality garage doors and industrial gates, tailored for durability and design."
@@ -232,25 +149,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "25+",          title: "Years of Experience",          description: "Serving the Zweibrücken region with dedication.",          icon: Award,
-          value: "25+",
-          title: "Years of Experience",
-          description: "Serving the Zweibrücken region with dedication.",
-          icon: Award,
         },
         {
-          id: "m2",
+          id: "m2",          value: "1500+",          title: "Projects Completed",          description: "Successfully installed and maintained gate systems.",          icon: CheckCircle,
-          value: "1500+",
-          title: "Projects Completed",
-          description: "Successfully installed and maintained gate systems.",
-          icon: CheckCircle,
         },
         {
-          id: "m3",
+          id: "m3",          value: "98%",          title: "Customer Satisfaction",          description: "Committed to exceeding client expectations.",          icon: Star,
-          value: "98%",
-          title: "Customer Satisfaction",
-          description: "Committed to exceeding client expectations.",
-          icon: Star,
         },
       ]}
       title="Our Success in Numbers"
@@ -265,64 +170,28 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Klaus M.",          role: "Homeowner",          company: "Zweibrücken",          rating: 5,
-          name: "Klaus M.",
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-modern-senior-man-holding-laptop_23-2148404320.jpg",          imageAlt: "Portrait of Klaus M."},
-          role: "Homeowner",
-          company: "Zweibrücken",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-modern-senior-man-holding-laptop_23-2148404320.jpg",
-          imageAlt: "Portrait of Klaus M.",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Sabine H.",          role: "Property Manager",          company: "Industrial Park GmbH",          rating: 5,
-          name: "Sabine H.",
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14491.jpg",          imageAlt: "Portrait of Sabine H."},
-          role: "Property Manager",
-          company: "Industrial Park GmbH",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14491.jpg",
-          imageAlt: "Portrait of Sabine H.",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Jürgen S.",          role: "Workshop Owner",          company: "AutoService S.",          rating: 5,
-          name: "Jürgen S.",
+          imageSrc: "http://img.b2bpic.net/free-photo/bike-shop-with-shop-assistant_23-2148138506.jpg",          imageAlt: "Portrait of Jürgen S."},
-          role: "Workshop Owner",
-          company: "AutoService S.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/bike-shop-with-shop-assistant_23-2148138506.jpg",
-          imageAlt: "Portrait of Jürgen S.",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Petra G.",          role: "Residential Developer",          company: "Bau & Wohnen KG",          rating: 5,
-          name: "Petra G.",
+          imageSrc: "http://img.b2bpic.net/free-photo/corporate-businesswoman_23-2147702106.jpg",          imageAlt: "Portrait of Petra G."},
-          role: "Residential Developer",
-          company: "Bau & Wohnen KG",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/corporate-businesswoman_23-2147702106.jpg",
-          imageAlt: "Portrait of Petra G.",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Max L.",          role: "Logistics Manager",          company: "Logistik Hub Süd",          rating: 5,
-          name: "Max L.",
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-using-digital-tablet-outdoors_23-2147955287.jpg",          imageAlt: "Portrait of Max L."},
-          role: "Logistics Manager",
-          company: "Logistik Hub Süd",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-using-digital-tablet-outdoors_23-2147955287.jpg",
-          imageAlt: "Portrait of Max L.",
-        },
       ]}
       kpiItems={[
         {
-          value: "5/5",
+          value: "5/5",          label: "Average Rating"},
-          label: "Average Rating",
-        },
         {
-          value: "100%",
+          value: "100%",          label: "Professional Service"},
-          label: "Professional Service",
-        },
         {
-          value: "Long-lasting",
+          value: "Long-lasting",          label: "Product Quality"},
-          label: "Product Quality",
-        },
       ]}
       title="What Our Clients Say"
       description="Read testimonials from satisfied customers about our reliable service and quality products."
@@ -335,20 +204,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "What types of gates do you offer?",          content: "We offer a wide range including sectional garage doors, roll-up garage doors, industrial sliding gates, folding gates, and high-speed roller shutters."},
-          title: "What types of gates do you offer?",
-          content: "We offer a wide range including sectional garage doors, roll-up garage doors, industrial sliding gates, folding gates, and high-speed roller shutters.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "Do you provide installation services?",          content: "Yes, our certified technicians provide professional installation for all products, ensuring safety and optimal performance."},
-          title: "Do you provide installation services?",
-          content: "Yes, our certified technicians provide professional installation for all products, ensuring safety and optimal performance.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "How long does installation take?",          content: "Installation time varies depending on the type and complexity of the gate. We provide an estimated timeline during your initial consultation."},
-          title: "How long does installation take?",
-          content: "Installation time varies depending on the type and complexity of the gate. We provide an estimated timeline during your initial consultation.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Find quick answers to common questions about our products and services."
@@ -360,8 +220,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={true}
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       tag="Contact Us"
       title="Get in Touch with Torcenter"
       description="Have questions or need a custom quote? Our team is ready to assist you. Fill out the form or reach us directly."
@@ -372,69 +231,46 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterBaseReveal
+      logoText="Torcenter Zweibrücken"
       columns={[
         {
-          title: "Services",
+          title: "Services",          items: [
-          items: [
             {
-              label: "Garage Doors",
+              label: "Garage Doors",              href: "#products"},
-              href: "#products",
-            },
             {
-              label: "Industrial Gates",
+              label: "Industrial Gates",              href: "#products"},
-              href: "#products",
-            },
             {
-              label: "Installation",
+              label: "Installation",              href: "#features"},
-              href: "#features",
-            },
             {
-              label: "Maintenance",
+              label: "Maintenance",              href: "#features"},
-              href: "#features",
-            },
           ],
         },
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "About Us",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Our Team",
+              label: "Our Team",              href: "#"},
-              href: "#",
-            },
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#faq"},
-              href: "#faq",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Service",
+              label: "Terms of Service",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Imprint",
+              label: "Imprint",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
-      bottomLeftText="© 2024 Torcenter Zweibrücken GmbH. All rights reserved."
+      copyrightText="© 2024 Torcenter Zweibrücken GmbH. All rights reserved."
-      bottomRightText="Made with passion in Zweibrücken."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcf6ec;
+  --background: #f7f6f7;
-  --card: #f3ede2;
+  --card: #ffffff;
-  --foreground: #2e2521;
+  --foreground: #25190c;
-  --primary-cta: #2e2521;
+  --primary-cta: #ff6207;
   --primary-cta-text: #fcf6ec;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #2e2521;
-  --accent: #b2a28b;
+  --accent: #ffce93;
-  --background-accent: #b2a28b;
+  --background-accent: #e8cfa8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);