bender/64d0d48c-27ca-437e-8050-d0e873d035c3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-03-31 23:34:26 +00:00
Conversation 0 Commits 2 Files Changed 2 +60 -228
2 changed files with 60 additions and 228 deletions
Download Patch File Download Diff File Expand all files Collapse all files

276
src/app/page.tsx
View File

@@ -2,15 +2,15 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactCTA from '@/components/sections/contact/ContactCTA';
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,117 +20,63 @@ export default function LandingPage() {
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="grid"
background="none"
cardStyle="outline"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
primaryButtonStyle="flat"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Warum wir?",
id: "about",
},
{
name: "Vorteile",
id: "features",
},
{
name: "Preise",
id: "pricing",
},
{
name: "Kontakt",
id: "contact",
},
{ name: "Über uns", id: "about" },
{ name: "Vorteile", id: "features" },
{ name: "Preise", id: "pricing" },
{ name: "Kontakt", id: "contact" },
]}
button={{
text: "Jetzt starten",
href: "#contact",
}}
text: "Jetzt starten", href: "#contact"}}
brandName="AustrianBiz Grow"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboardSplit
background={{
variant: "radial-gradient",
}}
background={{ variant: "plain" }}
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."
buttons={[
{
text: "Mehr Anfragen bekommen",
href: "#contact",
},
{
text: "Jetzt starten",
href: "#contact",
},
]}
buttons={[{ text: "Jetzt Anfragen", 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">
<MetricSplitMediaAbout
useInvertedBackground={true}
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."
useInvertedBackground={false}
title={[{ type: 'text', content: "Verlieren Sie keine Kunden mehr" }]}
metrics={[
{
value: "48h",
title: "Setup-Zeit",
},
{
value: "100%",
title: "Mobil optimiert",
},
{
value: "24/7",
title: "Lead-Generierung",
},
{ value: "48h", title: "Setup-Zeit" },
{ value: "100%", title: "Mobil optimiert" },
{ 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">
<FeatureCardEight
textboxLayout="split"
useInvertedBackground={false}
useInvertedBackground={true}
features={[
{
id: 1,
title: "WhatsApp-Integration",
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",
},
{
id: 2,
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",
},
{ 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: 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" },
{ 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" },
]}
title="Alles für den direkten Draht zu Ihren Kunden"
description="Unser Ziel: Ihr Telefon klingelt öfter, Ihr WhatsApp-Posteingang füllt sich automatisch."
description="Unser Ziel: Mehr Aufträge, weniger Aufwand."
/>
</div>
@@ -138,176 +84,62 @@ export default function LandingPage() {
<PricingCardEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "start",
badge: "Beliebt",
price: "490€",
subtitle: "Einmalige Investition",
features: [
"Professionelle Landingpage",
"WhatsApp-Integration",
"Mobil-Optimiert",
"Schnelle Einrichtung",
],
buttons: [
{
text: "Jetzt starten",
href: "#contact",
},
],
},
]}
useInvertedBackground={false}
plans={[{
id: "start", badge: "Beliebt", price: "490€", subtitle: "Einmalige Investition", features: ["Professionelle Landingpage", "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">
<TestimonialCardOne
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Franz M.",
role: "Inhaber",
company: "Entrümpelung Wien",
rating: 5,
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."
description="Erfolgreiche Partnerschaften in ganz Österreich."
textboxLayout="default"
testimonials={[
{ 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" },
{ 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" }
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={true}
<FaqSplitText
sideTitle="Häufige Fragen"
sideDescription="Antworten auf die wichtigsten Anliegen unserer Partner."
faqs={[
{
id: "1",
title: "Wie lange dauert die Einrichtung?",
content: "Wir benötigen maximal 48 Stunden nach Bereitstellung Ihrer Informationen.",
},
{
id: "2",
title: "Was brauche ich von mir?",
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.",
},
{ id: "1", title: "Wie lange dauert die Einrichtung?", content: "Wir benötigen maximal 48 Stunden." },
{ id: "2", title: "Was brauche ich von mir?", content: "Nur einige Basisinfos zu Ihrem Unternehmen." },
{ id: "3", title: "Funktioniert die Landingpage am Handy?", content: "Ja, zu 100% optimiert." },
]}
title="Häufige Fragen"
description="Wir machen es einfach. Hier die wichtigsten Fakten."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Jetzt mehr Anfragen erhalten"
description="Schreiben Sie uns oder kontaktieren Sie uns direkt via WhatsApp. Wir antworten werktags innerhalb weniger Stunden."
inputs={[
{
name: "name",
type: "text",
placeholder: "Ihr Name",
},
{
name: "email",
type: "email",
placeholder: "Ihre E-Mail",
},
{
name: "business",
type: "text",
placeholder: "Ihre Firma",
},
<ContactCTA
tag="Jetzt starten"
title="Bereit für mehr Kundenanfragen?"
description="Lassen Sie uns gemeinsam durchstarten. Kontaktieren Sie uns via WhatsApp oder nutzen Sie unser Formular."
buttons={[
{ text: "Jetzt WhatsApp starten", href: "https://wa.me/49123456789" },
{ text: "Kontaktformular", href: "mailto:hello@austrianbiz.at" }
]}
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"
background={{ variant: "plain" }}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
<FooterBaseReveal
columns={[
{
title: "AustrianBiz Grow",
items: [
{
label: "Über uns",
href: "#about",
},
{
label: "Kontakt",
href: "#contact",
},
],
},
{
title: "Rechtliches",
items: [
{
label: "Impressum",
href: "#",
},
{
label: "Datenschutz",
href: "#",
},
],
},
{ title: "AustrianBiz Grow", items: [{ label: "Über uns", href: "#about" }, { label: "Kontakt", href: "#contact" }] },
{ title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
]}
copyrightText="© 2025 AustrianBiz Grow"
copyrightText="© 2025 AustrianBiz Grow. Alle Rechte vorbehalten."
/>
</div>
</ReactLenis>

12
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f5f5;
--card: #ffffff;
--background: #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;
--background-accent: #c4c4c4;
--accent: #e2e2e2;
--background-accent: #f9f9f9;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);