Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,15 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 
 export default function LandingPage() {
   return (
@@ -20,296 +20,131 @@ export default function LandingPage() {
         borderRadius="pill"
         contentWidth="medium"
         sizing="medium"
-        background="grid"
+        background="none"
         cardStyle="outline"
-        primaryButtonStyle="gradient"
+        primaryButtonStyle="flat"
-        secondaryButtonStyle="radial-glow"
+        secondaryButtonStyle="solid"
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarStyleCentered
+          <NavbarStyleCentered
-      navItems={[
+            navItems={[
-        {
+              { name: "Über uns", id: "about" },
-          name: "Warum wir?",
+              { name: "Vorteile", id: "features" },
-          id: "about",
+              { name: "Preise", id: "pricing" },
-        },
+              { name: "Kontakt", id: "contact" },
-        {
+            ]}
-          name: "Vorteile",
+            button={{ text: "Jetzt starten", href: "#contact" }}
-          id: "features",
+            brandName="AustrianBiz Grow"
-        },
+          />
-        {
+        </div>
-          name: "Preise",
-          id: "pricing",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
-      ]}
-      button={{
-        text: "Jetzt starten",
-        href: "#contact",
-      }}
-      brandName="AustrianBiz Grow"
-    />
-  </div>
 
-  <div id="hero" data-section="hero">
+        <div id="hero" data-section="hero">
-      <HeroLogoBillboardSplit
+          <HeroLogoBillboardSplit
-      background={{
+            background={{ variant: "plain" }}
-        variant: "radial-gradient",
+            logoText="Mehr Kundenanfragen für Ihr Geschäft in Österreich"
-      }}
+            description="Wir bauen die Landingpage, die Ihre lokalen Kunden begeistert. Einfach, effizient & in nur 48 Stunden fertig."
-      logoText="Mehr Kundenanfragen für Ihr Geschäft in Österreich"
+            buttons={[{ text: "Jetzt Anfragen", href: "#contact" }]}
-      description="Wir bauen die Landingpage, die Ihre lokalen Kunden begeistert. Einfach, effizient & in nur 48 Stunden fertig."
+            layoutOrder="default"
-      buttons={[
+            imageSrc="http://img.b2bpic.net/free-vector/gradient-hotel-banner-template-with-photo_23-2148927082.jpg"
-        {
+            imageAlt="Landingpage Agentur Österreich"
-          text: "Mehr Anfragen bekommen",
+          />
-          href: "#contact",
+        </div>
-        },
-        {
-          text: "Jetzt starten",
-          href: "#contact",
-        },
-      ]}
-      layoutOrder="default"
-      imageSrc="http://img.b2bpic.net/free-vector/gradient-hotel-banner-template-with-photo_23-2148927082.jpg"
-      imageAlt="Landingpage Agentur Österreich"
-      mediaAnimation="slide-up"
-    />
-  </div>
 
-  <div id="about" data-section="about">
+        <div id="about" data-section="about">
-      <MetricSplitMediaAbout
+          <MetricSplitMediaAbout
-      useInvertedBackground={true}
+            useInvertedBackground={false}
-      title="Verlieren Sie keine Kunden mehr"
+            title="Verlieren Sie keine Kunden mehr"
-      description="Die meisten lokalen Unternehmen haben keine Online-Präsenz, die wirklich verkauft. Ihre Webseite ist oft zu kompliziert und nicht auf Ergebnisse ausgelegt. Wir ändern das für Sie, ohne technisches Kopfzerbrechen."
+            description="Wir machen Ihr Geschäft digital sichtbar & führen Kunden direkt zu Ihnen."
-      metrics={[
+            metrics={[
-        {
+              { value: "48h", title: "Setup-Zeit" },
-          value: "48h",
+              { value: "100%", title: "Mobil optimiert" },
-          title: "Setup-Zeit",
+              { value: "24/7", title: "Lead-Generierung" },
-        },
+            ]}
-        {
+            imageSrc="http://img.b2bpic.net/free-photo/merchant-offering-bio-food-alternative_482257-76500.jpg"
-          value: "100%",
+          />
-          title: "Mobil optimiert",
+        </div>
-        },
-        {
-          value: "24/7",
-          title: "Lead-Generierung",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/merchant-offering-bio-food-alternative_482257-76500.jpg"
-      imageAlt="Business owner"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
 
-  <div id="features" data-section="features">
+        <div id="features" data-section="features">
-      <FeatureCardEight
+          <FeatureCardEight
-      textboxLayout="split"
+            textboxLayout="split"
-      useInvertedBackground={false}
+            useInvertedBackground={true}
-      features={[
+            features={[
-        {
+              { id: 1, title: "WhatsApp-Integration", description: "Kunden schreiben Ihnen direkt per WhatsApp.", imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-time-from-her-phone_53876-129658.jpg" },
-          id: 1,
+              { id: 2, title: "Direkte Anruf-Buttons", description: "Mit einem Klick zum Auftrag.", imageSrc: "http://img.b2bpic.net/free-vector/business-analysis-icons-set_98292-952.jpg" },
-          title: "WhatsApp-Integration",
+              { id: 3, title: "Fix und Fertig in 48h", description: "Wir erledigen die Technik für Sie.", imageSrc: "http://img.b2bpic.net/free-vector/sales-countdown-banner-collection_23-2148345095.jpg" },
-          description: "Kunden schreiben Ihnen direkt per WhatsApp. Einfacher geht's nicht.",
+            ]}
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-time-from-her-phone_53876-129658.jpg",
+            title="Alles für den direkten Draht zu Ihren Kunden"
-        },
+            description="Unser Ziel: Mehr Aufträge, weniger Aufwand."
-        {
+          />
-          id: 2,
+        </div>
-          title: "Direkte Anruf-Buttons",
-          description: "Mit einem Klick auf Ihrem Handy – direkt zum Auftrag.",
-          imageSrc: "http://img.b2bpic.net/free-vector/business-analysis-icons-set_98292-952.jpg",
-        },
-        {
-          id: 3,
-          title: "Fix und Fertig in 48h",
-          description: "Wir erledigen die Technik, Sie konzentrieren sich auf Ihr Geschäft.",
-          imageSrc: "http://img.b2bpic.net/free-vector/sales-countdown-banner-collection_23-2148345095.jpg",
-        },
-      ]}
-      title="Alles für den direkten Draht zu Ihren Kunden"
-      description="Unser Ziel: Ihr Telefon klingelt öfter, Ihr WhatsApp-Posteingang füllt sich automatisch."
-    />
-  </div>
 
-  <div id="pricing" data-section="pricing">
+        <div id="pricing" data-section="pricing">
-      <PricingCardEight
+          <PricingCardEight
-      animationType="slide-up"
+            animationType="slide-up"
-      textboxLayout="default"
+            textboxLayout="default"
-      useInvertedBackground={true}
+            useInvertedBackground={false}
-      plans={[
+            plans={[{
-        {
+              id: "start",              badge: "Beliebt",              price: "490€",              subtitle: "Einmalige Investition",              features: ["Professionelle Landingpage", "WhatsApp-Integration", "Mobil-Optimiert", "Schnelle Einrichtung"],
-          id: "start",
+              buttons: [{ text: "Jetzt starten", href: "#contact" }]
-          badge: "Beliebt",
+            }]}
-          price: "490€",
+            title="Klare Leistung, fairer Preis"
-          subtitle: "Einmalige Investition",
+            description="Keine versteckten Kosten, volle Transparenz."
-          features: [
+          />
-            "Professionelle Landingpage",
+        </div>
-            "WhatsApp-Integration",
-            "Mobil-Optimiert",
-            "Schnelle Einrichtung",
-          ],
-          buttons: [
-            {
-              text: "Jetzt starten",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      title="Klare Leistung, fairer Preis"
-      description="Keine versteckten Kosten, volle Transparenz."
-    />
-  </div>
 
-  <div id="testimonials" data-section="testimonials">
+        <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
+          <TestimonialCardSix
-      animationType="slide-up"
+            animationType="slide-up"
-      textboxLayout="default"
+            title="Unsere Kunden vertrauen uns"
-      gridVariant="uniform-all-items-equal"
+            description="Erfolgreiche Partnerschaften in ganz Österreich."
-      useInvertedBackground={false}
+            textboxLayout="default"
-      testimonials={[
+            useInvertedBackground={false}
-        {
+            testimonials={[
-          id: "1",
+              { id: "1", name: "Franz M.", handle: "Entrümpelung Wien", testimonial: "Hervorragender Service, mehr Kundenanfragen in kürzester Zeit!", imageSrc: "http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg?_wi=1" },
-          name: "Franz M.",
+              { id: "2", name: "Sabine H.", handle: "Reinigungsprofi Graz", testimonial: "Die WhatsApp-Funktion ist Gold wert.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg" }
-          role: "Inhaber",
+            ]}
-          company: "Entrümpelung Wien",
+          />
-          rating: 5,
+        </div>
-          imageSrc: "http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Sabine H.",
-          role: "Chefin",
-          company: "Reinigungsprofi Graz",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",
-        },
-        {
-          id: "3",
-          name: "Markus K.",
-          role: "Handwerksmeister",
-          company: "Meisterhand Linz",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
-        },
-        {
-          id: "4",
-          name: "Petra L.",
-          role: "Geschäftsführung",
-          company: "Umzug Blitz",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-woman-sunglasses_1163-3175.jpg",
-        },
-        {
-          id: "5",
-          name: "Stefan W.",
-          role: "Inhaber",
-          company: "Gartenpflege Tirol",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg?_wi=2",
-        },
-      ]}
-      title="Unsere Kunden vertrauen uns"
-      description="Schon viele Unternehmen in Österreich generieren mit uns mehr Aufträge."
-    />
-  </div>
 
-  <div id="faq" data-section="faq">
+        <div id="faq" data-section="faq">
-      <FaqBase
+          <FaqSplitText
-      textboxLayout="default"
+            sideTitle="Häufige Fragen"
-      useInvertedBackground={true}
+            sideDescription="Antworten auf die wichtigsten Anliegen unserer Partner."
-      faqs={[
+            useInvertedBackground={false}
-        {
+            faqs={[
-          id: "1",
+              { id: "1", title: "Wie lange dauert die Einrichtung?", content: "Wir benötigen maximal 48 Stunden." },
-          title: "Wie lange dauert die Einrichtung?",
+              { id: "2", title: "Was brauche ich von mir?", content: "Nur einige Basisinfos zu Ihrem Unternehmen." },
-          content: "Wir benötigen maximal 48 Stunden nach Bereitstellung Ihrer Informationen.",
+              { id: "3", title: "Funktioniert die Landingpage am Handy?", content: "Ja, zu 100% optimiert." },
-        },
+            ]}
-        {
+            faqsAnimation="slide-up"
-          id: "2",
+          />
-          title: "Was brauche ich von mir?",
+        </div>
-          content: "Nur einige Basisinfos zu Ihrem Unternehmen – wir kümmern uns um den Rest.",
-        },
-        {
-          id: "3",
-          title: "Funktioniert die Landingpage am Handy?",
-          content: "Ja, absolut. Wir bauen sie primär für Smartphones, da dort die meisten Anfragen kommen.",
-        },
-      ]}
-      title="Häufige Fragen"
-      description="Wir machen es einfach. Hier die wichtigsten Fakten."
-      faqsAnimation="slide-up"
-    />
-  </div>
 
-  <div id="contact" data-section="contact">
+        <div id="contact" data-section="contact">
-      <ContactSplitForm
+          <ContactCTA
-      useInvertedBackground={false}
+            tag="Jetzt starten"
-      title="Jetzt mehr Anfragen erhalten"
+            title="Bereit für mehr Kundenanfragen?"
-      description="Schreiben Sie uns oder kontaktieren Sie uns direkt via WhatsApp. Wir antworten werktags innerhalb weniger Stunden."
+            description="Lassen Sie uns gemeinsam durchstarten. Kontaktieren Sie uns via WhatsApp oder nutzen Sie unser Formular."
-      inputs={[
+            buttons={[
-        {
+              { text: "Jetzt WhatsApp starten", href: "https://wa.me/49123456789" },
-          name: "name",
+              { text: "Kontaktformular", href: "mailto:hello@austrianbiz.at" }
-          type: "text",
+            ]}
-          placeholder: "Ihr Name",
+            background={{ variant: "plain" }}
-        },
+            useInvertedBackground={false}
-        {
+          />
-          name: "email",
+        </div>
-          type: "email",
-          placeholder: "Ihre E-Mail",
-        },
-        {
-          name: "business",
-          type: "text",
-          placeholder: "Ihre Firma",
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Wie können wir Ihnen helfen?",
-        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/showing-important-data_1098-18234.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
 
-  <div id="footer" data-section="footer">
+        <div id="footer" data-section="footer">
-      <FooterBase
+          <FooterBaseReveal
-      columns={[
+            columns={[
-        {
+              { title: "AustrianBiz Grow", items: [{ label: "Über uns", href: "#about" }, { label: "Kontakt", href: "#contact" }] },
-          title: "AustrianBiz Grow",
+              { title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
-          items: [
+            ]}
-            {
+            copyrightText="© 2025 AustrianBiz Grow. Alle Rechte vorbehalten."
-              label: "Über uns",
+          />
-              href: "#about",
+        </div>
-            },
-            {
-              label: "Kontakt",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Rechtliches",
-          items: [
-            {
-              label: "Impressum",
-              href: "#",
-            },
-            {
-              label: "Datenschutz",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 AustrianBiz Grow"
-    />
-  </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/styles/variables.css

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