Merge version_1 into main #2
207
src/app/page.tsx
207
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Award, CheckCircle, Eye, Settings, Wallet, Zap } from "lucide-react";
|
||||
import { Award, CheckCircle, Eye, Settings, Wallet, Zap, LayoutGrid, Hourglass, Euro } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,34 +32,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Über Uns",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Über Uns", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "Preise",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Preise", id: "#pricing"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
name: "Team", id: "#team"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Kontakt", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Jetzt anfragen",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Jetzt anfragen", href: "#contact"}}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Envsdzt8c8YEg9htrrNlQFzdN3/uploaded-1780827482229-cigxek73.jpg"
|
||||
logoAlt="H.T Website Designing Logo"
|
||||
brandName="H.T Website Designing"
|
||||
@@ -69,21 +55,16 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "cell-wave",
|
||||
}}
|
||||
variant: "cell-wave"}}
|
||||
title="H.T Website Designing"
|
||||
description="Hinter jeder erfolgreichen Marke steht eine Vision. Viele junge Unternehmen und Start-ups überzeugen heute mit einer klaren Strategie, innovativen Ideen und exzellenten Produkten. Doch das beste Angebot verliert an Wert, wenn es digital nicht optimal präsentiert und vermarktet wird. Genau hier schließen wir die Lücke."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt Kontakt aufnehmen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Jetzt Kontakt aufnehmen", href: "#contact"},
|
||||
{
|
||||
text: "Unsere Services",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Unsere Services", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924166.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924166.jpg"
|
||||
imageAlt="Modernes digitales Dashboard"
|
||||
/>
|
||||
</div>
|
||||
@@ -103,80 +84,53 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Die perfekte Website",
|
||||
description: "Maßgeschneidert, modern und mit allem, was für einen professionellen Online-Auftritt dazugehört – von der intuitiven Benutzeroberfläche bis hin zur technischen Optimierung.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749884.jpg",
|
||||
imageAlt: "Maßgeschneiderte Website auf verschiedenen Geräten",
|
||||
},
|
||||
title: "Die perfekte Website", description: "Maßgeschneidert, modern und mit allem, was für einen professionellen Online-Auftritt dazugehört – von der intuitiven Benutzeroberfläche bis hin zur technischen Optimierung.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749884.jpg", imageAlt: "Maßgeschneiderte Website auf verschiedenen Geräten"},
|
||||
items: [
|
||||
{
|
||||
icon: LayoutGrid,
|
||||
text: "Individuelles Design",
|
||||
},
|
||||
text: "Individuelles Design"},
|
||||
{
|
||||
icon: Eye,
|
||||
text: "Intuitive Benutzeroberfläche",
|
||||
},
|
||||
text: "Intuitive Benutzeroberfläche"},
|
||||
{
|
||||
icon: Settings,
|
||||
text: "Technische Optimierung",
|
||||
},
|
||||
text: "Technische Optimierung"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Envsdzt8c8YEg9htrrNlQFzdN3/uploaded-1780827482229-cigxek73.jpg?_wi=1",
|
||||
imageAlt: "custom website design responsive layout",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Effizienz & Schnelligkeit",
|
||||
description: "Wir wissen, dass Zeit im Business bares Geld bedeutet. Deshalb realisieren wir Ihr Webprojekt in kürzester Zeit, ohne Kompromisse bei der Qualität einzugehen.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-icons-with-cloudy-background_1134-419.jpg",
|
||||
imageAlt: "Uhr und schneller Fortschritt",
|
||||
},
|
||||
title: "Effizienz & Schnelligkeit", description: "Wir wissen, dass Zeit im Business bares Geld bedeutet. Deshalb realisieren wir Ihr Webprojekt in kürzester Zeit, ohne Kompromisse bei der Qualität einzugehen.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-icons-with-cloudy-background_1134-419.jpg", imageAlt: "Uhr und schneller Fortschritt"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Schnelle Umsetzung",
|
||||
},
|
||||
text: "Schnelle Umsetzung"},
|
||||
{
|
||||
icon: Hourglass,
|
||||
text: "Zeitnahe Lieferung",
|
||||
},
|
||||
text: "Zeitnahe Lieferung"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Keine Kompromisse bei der Qualität",
|
||||
},
|
||||
text: "Keine Kompromisse bei der Qualität"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924166.jpg?_wi=2",
|
||||
imageAlt: "custom website design responsive layout",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Attraktives Preis-Leistungs-Verhältnis",
|
||||
description: "Erstklassiges Webdesign muss für ambitionierte Unternehmen bezahlbar sein. Wir bieten Ihnen transparente und faire Konditionen, die zu Ihrem Budget passen.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solution-problem-solving-share-ideas-concept_53876-133847.jpg",
|
||||
imageAlt: "Transparente Preise",
|
||||
},
|
||||
title: "Attraktives Preis-Leistungs-Verhältnis", description: "Erstklassiges Webdesign muss für ambitionierte Unternehmen bezahlbar sein. Wir bieten Ihnen transparente und faire Konditionen, die zu Ihrem Budget passen.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solution-problem-solving-share-ideas-concept_53876-133847.jpg", imageAlt: "Transparente Preise"},
|
||||
items: [
|
||||
{
|
||||
icon: Euro,
|
||||
text: "Transparente Konditionen",
|
||||
},
|
||||
text: "Transparente Konditionen"},
|
||||
{
|
||||
icon: Wallet,
|
||||
text: "Budgetfreundlich",
|
||||
},
|
||||
text: "Budgetfreundlich"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Erstklassiges Webdesign",
|
||||
},
|
||||
text: "Erstklassiges Webdesign"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-culture-composition-with-computer-windows-arrows-gear-icons-trophy-cup-doodle-characters-coworkers-vector-illustration_1284-82460.jpg?_wi=1",
|
||||
imageAlt: "custom website design responsive layout",
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Was Sie von uns erwarten können"
|
||||
description="Wir analysieren und beheben häufige Fehler, die dazu führen, dass Ihre Website keine Kunden anzieht. Mit H.T Website Designing erhalten Sie nicht nur eine Website, sondern eine effektive digitale Präsenz."
|
||||
@@ -192,20 +146,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "10x",
|
||||
description: "Steigerung des digitalen Werts",
|
||||
},
|
||||
id: "1", value: "10x", description: "Steigerung des digitalen Werts"},
|
||||
{
|
||||
id: "2",
|
||||
value: "98%",
|
||||
description: "Zufriedene Kunden",
|
||||
},
|
||||
id: "2", value: "98%", description: "Zufriedene Kunden"},
|
||||
{
|
||||
id: "3",
|
||||
value: "100+",
|
||||
description: "Projekte abgeschlossen",
|
||||
},
|
||||
id: "3", value: "100+", description: "Projekte abgeschlossen"},
|
||||
]}
|
||||
title="Ihre Website läuft... aber bringt sie auch Kunden? 📉"
|
||||
description="Viele Unternehmen wundern sich, warum trotz guter Produkte online kaum Anfragen reinkommen. Oft liegt es an einfachen, aber fatalen Fehlern. Genau diese analysieren und beheben wir bei H.T Website Designing. Steigern Sie den Wert Ihres digitalen Auftritts durch unsere modulare Preisgestaltung. Starten Sie klein, wachsen Sie groß."
|
||||
@@ -220,66 +165,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
title: "Starter Paket",
|
||||
price: "100 €",
|
||||
period: "Einmalig",
|
||||
features: [
|
||||
"One-Pager Website",
|
||||
"Standard-Layout",
|
||||
"Basis SEO",
|
||||
"Responsives Design",
|
||||
"Schnelle Umsetzung (3-5 Werktage)",
|
||||
"Optimiert für mobile Endgeräte",
|
||||
"Sichere SSL-Verschlüsselung",
|
||||
],
|
||||
id: "starter", title: "Starter Paket", price: "100 €", period: "Einmalig", features: [
|
||||
"One-Pager Website", "Standard-Layout", "Basis SEO", "Responsives Design", "Schnelle Umsetzung (3-5 Werktage)", "Optimiert für mobile Endgeräte", "Sichere SSL-Verschlüsselung"],
|
||||
button: {
|
||||
text: "Starter wählen",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-culture-composition-with-computer-windows-arrows-gear-icons-trophy-cup-doodle-characters-coworkers-vector-illustration_1284-82460.jpg?_wi=2",
|
||||
imageAlt: "high customer satisfaction icon",
|
||||
},
|
||||
text: "Starter wählen", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-culture-composition-with-computer-windows-arrows-gear-icons-trophy-cup-doodle-characters-coworkers-vector-illustration_1284-82460.jpg", imageAlt: "high customer satisfaction icon"},
|
||||
{
|
||||
id: "business",
|
||||
title: "Business Paket",
|
||||
price: "500 €",
|
||||
period: "Einmalig",
|
||||
features: [
|
||||
"Bis zu 5 Unterseiten",
|
||||
"Individuelles Design",
|
||||
"Erweiterte SEO-Basis",
|
||||
"Professionelles Kontaktformular",
|
||||
"Interaktive Google Maps Anfahrt",
|
||||
"Rechtssicheres Impressum & Datenschutz",
|
||||
],
|
||||
id: "business", title: "Business Paket", price: "500 €", period: "Einmalig", features: [
|
||||
"Bis zu 5 Unterseiten", "Individuelles Design", "Erweiterte SEO-Basis", "Professionelles Kontaktformular", "Interaktive Google Maps Anfahrt", "Rechtssicheres Impressum & Datenschutz"],
|
||||
button: {
|
||||
text: "Business wählen",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Envsdzt8c8YEg9htrrNlQFzdN3/uploaded-1780827482229-cigxek73.jpg?_wi=2",
|
||||
imageAlt: "high customer satisfaction icon",
|
||||
},
|
||||
text: "Business wählen", href: "#contact"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Envsdzt8c8YEg9htrrNlQFzdN3/uploaded-1780827482229-cigxek73.jpg", imageAlt: "high customer satisfaction icon"},
|
||||
{
|
||||
id: "premium",
|
||||
title: "Premium Paket",
|
||||
price: "1.000 €",
|
||||
period: "Einmalig",
|
||||
features: [
|
||||
"Unbegrenzte Seiten",
|
||||
"Full Service Branding (inkl. UI/UX)",
|
||||
"E-Commerce Ready (Shop/Buchungssystem)",
|
||||
"24/7 Priority Support",
|
||||
"Ladezeiten unter 1 Sekunde",
|
||||
"Monatliche Analytics-Berichte",
|
||||
],
|
||||
id: "premium", title: "Premium Paket", price: "1.000 €", period: "Einmalig", features: [
|
||||
"Unbegrenzte Seiten", "Full Service Branding (inkl. UI/UX)", "E-Commerce Ready (Shop/Buchungssystem)", "24/7 Priority Support", "Ladezeiten unter 1 Sekunde", "Monatliche Analytics-Berichte"],
|
||||
button: {
|
||||
text: "Premium wählen",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924166.jpg?_wi=3",
|
||||
imageAlt: "high customer satisfaction icon",
|
||||
},
|
||||
text: "Premium wählen", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924166.jpg", imageAlt: "high customer satisfaction icon"},
|
||||
]}
|
||||
title="Preispakete im Überblick"
|
||||
description="Wählen Sie das passende Paket für Ihr Unternehmen. Wir bieten flexible Lösungen, die mit Ihnen wachsen."
|
||||
@@ -295,19 +197,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "henry",
|
||||
name: "Henry Gensheimer",
|
||||
role: "Gründer & Geschäftsführer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-photo-editor-browsing-through-images-determine-most-appropriate-visuals_482257-82203.jpg",
|
||||
imageAlt: "Portrait von Henry Gensheimer",
|
||||
},
|
||||
id: "henry", name: "Henry Gensheimer", role: "Gründer & Geschäftsführer", imageSrc: "http://img.b2bpic.net/free-photo/happy-photo-editor-browsing-through-images-determine-most-appropriate-visuals_482257-82203.jpg", imageAlt: "Portrait von Henry Gensheimer"},
|
||||
{
|
||||
id: "tom",
|
||||
name: "Tom Künzer",
|
||||
role: "Gründer & Technischer Leiter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-with-short-hair-wearing-white-shirt-standing-near-glasses-overpass_181624-22260.jpg",
|
||||
imageAlt: "Portrait von Tom Künzer",
|
||||
},
|
||||
id: "tom", name: "Tom Künzer", role: "Gründer & Technischer Leiter", imageSrc: "http://img.b2bpic.net/free-photo/female-with-short-hair-wearing-white-shirt-standing-near-glasses-overpass_181624-22260.jpg", imageAlt: "Portrait von Tom Künzer"},
|
||||
]}
|
||||
title="Unsere Gründer"
|
||||
description="Lernen Sie die Köpfe hinter H.T Website Designing kennen: Henry Gensheimer und Tom Künzer, junge Unternehmer mit einer Leidenschaft für digitales Design und der Mission, Ihre Online-Präsenz zu optimieren."
|
||||
@@ -319,8 +211,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Kontaktieren Sie uns"
|
||||
title="Bereit für Ihre digitale Vision?"
|
||||
description="Wir helfen Ihnen gerne dabei, Ihr Unternehmen online optimal zu präsentieren. Schreiben Sie uns eine E-Mail oder besuchen Sie uns an unserem Standort in 67482 Böbingen und Freimersheim."
|
||||
|
||||
Reference in New Issue
Block a user