Merge version_1 into main #1
@@ -11,8 +11,8 @@ import { Playfair_Display, Inter } from "next/font/google";
|
||||
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Webild components 2",
|
||||
description: "Generated by create next app",
|
||||
title: 'ALEX Goldankauf Aschaffenburg | Seriös & Fair',
|
||||
description: 'Ihr lokaler Experte für Goldankauf in Aschaffenburg. Transparente Bewertung von Schmuck, Zahngold und Edelmetallen zum aktuellen Tagespreis.',
|
||||
};
|
||||
|
||||
const playfair = Playfair_Display({ variable: "--font-playfair", subsets: ["latin"] }); const inter = Inter({ variable: "--font-inter", subsets: ["latin"] });
|
||||
|
||||
364
src/app/page.tsx
364
src/app/page.tsx
@@ -1,275 +1,107 @@
|
||||
"use client";
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import { Shield } from 'lucide-react';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Shield } from "lucide-react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
];
|
||||
|
||||
export default function Page() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "leistungen",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "ueber-uns",
|
||||
},
|
||||
{
|
||||
name: "Vorteile",
|
||||
id: "warum-wir",
|
||||
},
|
||||
{
|
||||
name: "Bewertungen",
|
||||
id: "bewertungen",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "kontakt",
|
||||
},
|
||||
]}
|
||||
brandName="ALEX Goldankauf"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Ihr seriöser Goldankauf in Aschaffenburg"
|
||||
description="Faire Preise, transparente Bewertung und persönliche Beratung. Verkaufen Sie Ihr Gold, Silber oder Schmuck bei einem vertrauenswürdigen Partner."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt kostenlos bewerten",
|
||||
href: "#kontakt",
|
||||
},
|
||||
{
|
||||
text: "Unsere Leistungen",
|
||||
href: "#leistungen",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-101217.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="leistungen" data-section="leistungen">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Goldankauf",
|
||||
author: "ALEX Goldankauf",
|
||||
description: "Altgold, Goldschmuck und Barren fachgerecht bewertet.",
|
||||
tags: [
|
||||
"Gold",
|
||||
"Investment",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-displayed-white-coral-background_23-2150347050.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Silberankauf",
|
||||
author: "ALEX Goldankauf",
|
||||
description: "Silberschmuck, Silberbesteck und Münzen zu Bestpreisen.",
|
||||
tags: [
|
||||
"Silber",
|
||||
"Ankauf",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-plate-with-golden-cutlery-light-surface-service-cutlery-dinner-restaurant-food-tray-color_179666-19691.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Zahngold",
|
||||
author: "ALEX Goldankauf",
|
||||
description: "Zahngold mit Anhaftungen sicher und fair verkaufen.",
|
||||
tags: [
|
||||
"Dental",
|
||||
"Edelmetall",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-holding-metallic-accessories_23-2148264401.jpg",
|
||||
},
|
||||
]}
|
||||
title="Was können wir für Sie tun?"
|
||||
description="Von Goldschmuck bis Zahngold – wir kaufen Ihre Edelmetalle zu fairen Tagespreisen an."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="ueber-uns" data-section="ueber-uns">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Über uns"
|
||||
title="Ihr lokaler Partner für Goldankauf in Aschaffenburg"
|
||||
description="ALEX Goldankauf steht für seriösen Edelmetallhandel im Herzen von Aschaffenburg. In unserem Geschäft am Roßmarkt erwartet Sie eine freundliche Atmosphäre und kompetente Beratung."
|
||||
subdescription="Wir legen größten Wert auf Transparenz, Ehrlichkeit und faire Preise. Jedes Stück wird vor Ihren Augen bewertet."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-jewelry-worker-dressed-elegant-clothes-sitting-work-table-make-examination-jewelry_613910-21246.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="warum-wir" data-section="warum-wir">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Warum ALEX Goldankauf?"
|
||||
tag="Ihre Vorteile"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5.0",
|
||||
description: "Google Bewertung",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "28+",
|
||||
description: "Zufriedene Kunden",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Weiterempfehlung",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="bewertungen" data-section="bewertungen">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Beste Erfahrung",
|
||||
quote: "Die Beratung war unglaublich freundlich, ehrlich und transparent.",
|
||||
name: "Frank P.",
|
||||
role: "Kunde",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Sehr seriös",
|
||||
quote: "Endlich ein Juwelier, bei dem ich mich nicht über den Tisch gezogen fühlte.",
|
||||
name: "Rut H.",
|
||||
role: "Kunde",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-positive-man-casual-look-with-colorful-shopping-bags-studio-pink-background_343596-3922.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Tolle Preise",
|
||||
quote: "Habe Vergleichsangebote eingeholt, hier war es am fairsten.",
|
||||
name: "Lara S.",
|
||||
role: "Kunde",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-blonde-woman-stylish-white-blouse-dark-velvet-pants-laughs-looks-into-camera-spreads-paste-piece-bread-street-cafe_197531-23212.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Exzellenter Service",
|
||||
quote: "Meine Kette glänzt wie neu, die Reinigung war ein toller Service.",
|
||||
name: "Yakup T.",
|
||||
role: "Kunde",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-smiling-confident-standing-street_839833-27516.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Absolut empfehlenswert",
|
||||
quote: "Tolles Ehepaar, solide Preise, fair und kompetent.",
|
||||
name: "Ilse B.",
|
||||
role: "Kunde",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
},
|
||||
]}
|
||||
title="Das sagen unsere Kunden"
|
||||
description="Basierend auf 28 Bewertungen"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="kontakt" data-section="kontakt">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Besuchen Sie uns am Roßmarkt 39A, 63739 Aschaffenburg für eine unverbindliche Bewertung. Wir haben Mo–Fr 10–18 Uhr und Sa 10–14 Uhr für Sie geöffnet."
|
||||
buttons={[
|
||||
{
|
||||
text: "Rufen Sie uns an: 06021 921 85 08",
|
||||
href: "tel:+4960219218508",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="ALEX Goldankauf"
|
||||
columns={[
|
||||
{
|
||||
title: "Leistungen",
|
||||
items: [
|
||||
{
|
||||
label: "Goldankauf",
|
||||
href: "#leistungen",
|
||||
},
|
||||
{
|
||||
label: "Silberankauf",
|
||||
href: "#leistungen",
|
||||
},
|
||||
{
|
||||
label: "Zahngold",
|
||||
href: "#leistungen",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Unternehmen",
|
||||
items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#ueber-uns",
|
||||
},
|
||||
{
|
||||
label: "Bewertungen",
|
||||
href: "#bewertungen",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#kontakt",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 ALEX Goldankauf Aschaffenburg."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen navItems={navItems} brandName="ALEX Goldankauf" />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Ihr seriöser Goldankauf in Aschaffenburg"
|
||||
description="Faire Preise, transparente Bewertung und persönliche Beratung. Verkaufen Sie Ihr Gold, Silber oder Schmuck bei einem vertrauenswürdigen Partner."
|
||||
buttons={[{ text: "Jetzt kostenlos bewerten", href: "#kontakt" }, { text: "Unsere Leistungen", href: "#leistungen" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-101217.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="leistungen" data-section="leistungen">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Was können wir für Sie tun?"
|
||||
description="Von Goldschmuck bis Zahngold – wir kaufen Ihre Edelmetalle zu fairen Tagespreisen an."
|
||||
features={[
|
||||
{ id: "f1", title: "Goldankauf", author: "ALEX Goldankauf", description: "Altgold, Goldschmuck und Barren fachgerecht bewertet.", tags: ["Gold", "Investment"], imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-displayed-white-coral-background_23-2150347050.jpg" },
|
||||
{ id: "f2", title: "Silberankauf", author: "ALEX Goldankauf", description: "Silberschmuck, Silberbesteck und Münzen zu Bestpreisen.", tags: ["Silber", "Ankauf"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-plate-with-golden-cutlery-light-surface-service-cutlery-dinner-restaurant-food-tray-color_179666-19691.jpg" },
|
||||
{ id: "f3", title: "Zahngold", author: "ALEX Goldankauf", description: "Zahngold mit Anhaftungen sicher und fair verkaufen.", tags: ["Dental", "Edelmetall"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-holding-metallic-accessories_23-2148264401.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="ueber-uns" data-section="ueber-uns">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Über uns"
|
||||
title="Ihr lokaler Partner für Goldankauf in Aschaffenburg"
|
||||
description="ALEX Goldankauf steht für seriösen Edelmetallhandel im Herzen von Aschaffenburg. In unserem Geschäft am Roßmarkt erwartet Sie eine freundliche Atmosphäre und kompetente Beratung."
|
||||
subdescription="Wir legen größten Wert auf Transparenz, Ehrlichkeit und faire Preise. Jedes Stück wird vor Ihren Augen bewertet."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-jewelry-worker-dressed-elegant-clothes-sitting-work-table-make-examination-jewelry_613910-21246.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="warum-wir" data-section="warum-wir">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Warum ALEX Goldankauf?"
|
||||
tag="Ihre Vorteile"
|
||||
metrics={[
|
||||
{ id: "m1", value: "5.0", description: "Google Bewertung" },
|
||||
{ id: "m2", value: "28+", description: "Zufriedene Kunden" },
|
||||
{ id: "m3", value: "100%", description: "Weiterempfehlung" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="bewertungen" data-section="bewertungen">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Das sagen unsere Kunden"
|
||||
description="Basierend auf 28 Bewertungen"
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Beste Erfahrung", quote: "Die Beratung war unglaublich freundlich, ehrlich und transparent.", name: "Frank P.", role: "Kunde", imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg" },
|
||||
{ id: "t2", title: "Sehr seriös", quote: "Endlich ein Juwelier, bei dem ich mich nicht über den Tisch gezogen fühlte.", name: "Rut H.", role: "Kunde", imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-positive-man-casual-look-with-colorful-shopping-bags-studio-pink-background_343596-3922.jpg" },
|
||||
{ id: "t3", title: "Tolle Preise", quote: "Habe Vergleichsangebote eingeholt, hier war es am fairsten.", name: "Lara S.", role: "Kunde", imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-blonde-woman-stylish-white-blouse-dark-velvet-pants-laughs-looks-into-camera-spreads-paste-piece-bread-street-cafe_197531-23212.jpg" },
|
||||
{ id: "t4", title: "Exzellenter Service", quote: "Meine Kette glänzt wie neu, die Reinigung war ein toller Service.", name: "Yakup T.", role: "Kunde", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-smiling-confident-standing-street_839833-27516.jpg" },
|
||||
{ id: "t5", title: "Absolut empfehlenswert", quote: "Tolles Ehepaar, solide Preise, fair und kompetent.", name: "Ilse B.", role: "Kunde", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="kontakt" data-section="kontakt">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Besuchen Sie uns am Roßmarkt 39A, 63739 Aschaffenburg für eine unverbindliche Bewertung. Wir haben Mo–Fr 10–18 Uhr und Sa 10–14 Uhr für Sie geöffnet."
|
||||
buttons={[{ text: "Rufen Sie uns an: 06021 921 85 08", href: "tel:+4960219218508" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="ALEX Goldankauf"
|
||||
columns={[
|
||||
{ title: "Leistungen", items: [{ label: "Goldankauf", href: "#leistungen" }, { label: "Silberankauf", href: "#leistungen" }, { label: "Zahngold", href: "#leistungen" }] },
|
||||
{ title: "Unternehmen", items: [{ label: "Über uns", href: "#ueber-uns" }, { label: "Bewertungen", href: "#bewertungen" }, { label: "Kontakt", href: "#kontakt" }] }
|
||||
]}
|
||||
copyrightText="© 2026 ALEX Goldankauf Aschaffenburg."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user