Merge version_3 into main #6
155
src/app/page.tsx
155
src/app/page.tsx
@@ -3,16 +3,11 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Award, Star, Wrench } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,93 +24,75 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Startseite", id: "hero" },
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Service", id: "services" },
|
||||
{ name: "Impressum", id: "legal" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DJxMXRMqmWOWYlQx7Jjc9l9FrA/uploaded-1778014373399-ktc98mgl.jpg"
|
||||
brandName="Austro-Tel Handyshop"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="Schnelle Handyreparatur in Traiskirchen"
|
||||
description="Dein Experte für Displaytausch, Software-Probleme und Zubehör. Faire Preise, kompetente Beratung und professionelle Hilfe für dein Smartphone."
|
||||
leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/man-prepares-disassemble-phone-home-with-his-personal-portable-tool-kit-table-space-your-text-right-side_346278-1185.jpg" }]}
|
||||
rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-hair-dryer_23-2149220596.jpg" }]}
|
||||
buttons={[{ text: "Jetzt reparieren lassen", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
title="Ihr lokaler Partner für Mobilfunk"
|
||||
description="Austro-Tel Handyshop steht für Qualität, Transparenz und Fachwissen."
|
||||
bulletPoints={[
|
||||
{ title: "4,8 Sterne Zufriedenheit", description: "Basierend auf über 259 Bewertungen." },
|
||||
{ title: "Fachkundige Beratung", description: "Kompetenz für alle Marken." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/seller-man-mobile-phone-professional-consultant-tech-store-shop-hold-new-smartphone-hand_627829-4967.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{ items: ["Entsperrung", "Datenrettung"] }}
|
||||
positiveCard={{ items: ["Displaytausch", "Akkuaustausch"] }}
|
||||
title="Unsere Dienstleistungen"
|
||||
description="Von Display-Schäden bis zu komplexen technischen Problemen."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<div className="mx-auto max-w-4xl py-16 px-4">
|
||||
<h2 className="text-3xl font-bold mb-8">Impressum</h2>
|
||||
<div className="space-y-6">
|
||||
<div>
|
||||
<h3 className="font-semibold">Angaben gemäß § 5 TMG</h3>
|
||||
<p>Austro-Tel Handyshop<br/>Otto Glöckel-Straße 1<br/>2514 Traiskirchen</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-semibold">Kontakt</h3>
|
||||
<p>Telefon: 02252 521031<br/>E-Mail: support.austrotel@hotmail.com</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-semibold">Umsatzsteuer-ID</h3>
|
||||
<p>Gemäß § 27 a Umsatzsteuergesetz: ATU12345678</p>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Startseite", id: "hero" },
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Service", id: "services" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DJxMXRMqmWOWYlQx7Jjc9l9FrA/uploaded-1778014373399-ktc98mgl.jpg"
|
||||
brandName="Austro-Tel Handyshop"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Kontaktieren Sie uns"
|
||||
description="Besuchen Sie uns in Traiskirchen oder schreiben Sie uns."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Ihr Name" },
|
||||
{ name: "email", type: "email", placeholder: "Ihre E-Mail" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="Schnelle Handyreparatur in Traiskirchen"
|
||||
description="Dein Experte für Displaytausch, Software-Probleme und Zubehör. Faire Preise, kompetente Beratung und professionelle Hilfe für dein Smartphone."
|
||||
leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/man-prepares-disassemble-phone-home-with-his-personal-portable-tool-kit-table-space-your-text-right-side_346278-1185.jpg" }]}
|
||||
rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-hair-dryer_23-2149220596.jpg" }]}
|
||||
buttons={[{ text: "Jetzt reparieren lassen", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[{ title: "Rechtliches", items: [{ label: "Impressum", href: "#legal" }, { label: "Datenschutz", href: "#" }] }]}
|
||||
bottomLeftText="© 2024 Austro-Tel Handyshop"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Ihr lokaler Partner für Mobilfunk"
|
||||
description="Austro-Tel Handyshop steht für Qualität, Transparenz und Fachwissen."
|
||||
bulletPoints={[
|
||||
{ title: "4,8 Sterne Zufriedenheit", description: "Basierend auf über 259 Bewertungen." },
|
||||
{ title: "Fachkundige Beratung", description: "Kompetenz für alle Marken." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/seller-man-mobile-phone-professional-consultant-tech-store-shop-hold-new-smartphone-hand_627829-4967.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{ items: ["Entsperrung", "Datenrettung"] }}
|
||||
positiveCard={{ items: ["Displaytausch", "Akkuaustausch"] }}
|
||||
title="Unsere Dienstleistungen"
|
||||
description="Von Display-Schäden bis zu komplexen technischen Problemen."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Kontaktieren Sie uns"
|
||||
description="Besuchen Sie uns in Traiskirchen oder schreiben Sie uns."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Ihr Name" },
|
||||
{ name: "email", type: "email", placeholder: "Ihre E-Mail" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[{ title: "Rechtliches", items: [{ label: "Impressum", href: "#legal" }, { label: "Datenschutz", href: "#" }] }]}
|
||||
bottomLeftText="© 2024 Austro-Tel Handyshop"
|
||||
bottomRightText="Alle Rechte vorbehalten."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user