Update src/app/page.tsx
This commit is contained in:
268
src/app/page.tsx
268
src/app/page.tsx
@@ -8,20 +8,11 @@ import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||
import MediaAbout from "@/components/sections/about/MediaAbout";
|
||||
import BlogCardThree from "@/components/sections/blog/BlogCardThree";
|
||||
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import { Sparkles, Linkedin, Twitter, Mail } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Investmentslösungen", id: "/solutions" },
|
||||
{ name: "Aktien Strategien", id: "/aktien" },
|
||||
{ name: "Krypto Strategien", id: "/crypto" },
|
||||
{ name: "Research", id: "/research" },
|
||||
{ name: "Über uns", id: "/about" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
@@ -29,280 +20,179 @@ export default function HomePage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="ALPHA"
|
||||
navItems={navItems.map((item) => ({
|
||||
name: item.name,
|
||||
id: item.id,
|
||||
}))}
|
||||
button={{
|
||||
text: "Strategiegespräch buchen",
|
||||
href: "/contact",
|
||||
}}
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Investmentslösungen", id: "solutions" },
|
||||
{ name: "Aktien Strategien", id: "/aktien-strategies" },
|
||||
{ name: "Krypto Strategien", id: "/crypto-strategies" },
|
||||
{ name: "Research", id: "research" },
|
||||
{ name: "Über uns", id: "/about" },
|
||||
]}
|
||||
button={{ text: "Strategiegespräch buchen", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Hero Section */}
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
title="Strategisches Investieren in Aktien und Kryptowährungen"
|
||||
description="Alpha Asset Management hilft Investoren dabei, langfristiges Vermögen durch professionelle Portfolio-Strategien aufzubauen. Mit Expertise in traditionellen Finanzmärkten und digitalen Assets."
|
||||
tag="Institutionelle Qualität"
|
||||
tagIcon={Sparkles}
|
||||
background={{ variant: "aurora" }}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt investieren",
|
||||
href: "/solutions",
|
||||
},
|
||||
{
|
||||
text: "Strategiegespräch buchen",
|
||||
href: "/contact",
|
||||
},
|
||||
{ text: "Jetzt investieren", href: "solutions" },
|
||||
{ text: "Strategiegespräch buchen", href: "contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/premium-abstract-golden-lines-dark-background-design_1017-55324.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/premium-abstract-golden-lines-dark-background-design_1017-55324.jpg"
|
||||
imageAlt="Alpha Asset Management Premium Portfolio Dashboard"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Trust Section */}
|
||||
<div id="trust" data-section="trust">
|
||||
<FeatureCardTwentyThree
|
||||
title="Warum Investoren Alpha vertrauen"
|
||||
description="Drei Kernprinzipien machen Alpha Asset Management zur bevorzugten Wahl für anspruchsvolle Investoren."
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Research-Driven Strategy",
|
||||
tags: ["Fundamentalanalyse", "Quantitativ"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-money-human-resources_24877-49833.jpg?_wi=1",
|
||||
imageAlt: "Research-driven investment analysis",
|
||||
},
|
||||
id: "1", title: "Research-Driven Strategy", tags: ["Fundamentalanalyse", "Quantitativ"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-money-human-resources_24877-49833.jpg", imageAlt: "Research-driven investment analysis"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Professionelles Portfolio Management",
|
||||
tags: ["Aktive Überwachung", "Optimierung"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/money-backgrounds-collection_1262-2534.jpg?_wi=1",
|
||||
imageAlt: "Professional portfolio management",
|
||||
},
|
||||
id: "2", title: "Professionelles Portfolio Management", tags: ["Aktive Überwachung", "Optimierung"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/money-backgrounds-collection_1262-2534.jpg", imageAlt: "Professional portfolio management"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Zukunftsorientiert",
|
||||
tags: ["Aktienmärkte", "Digitale Assets"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/crowdfunding-flat-set_98292-1917.jpg?_wi=1",
|
||||
imageAlt: "Future-oriented investment approach",
|
||||
},
|
||||
id: "3", title: "Zukunftsorientiert", tags: ["Aktienmärkte", "Digitale Assets"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/crowdfunding-flat-set_98292-1917.jpg", imageAlt: "Future-oriented investment approach"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="Warum Investoren Alpha vertrauen"
|
||||
description="Drei Kernprinzipien machen Alpha Asset Management zur bevorzugten Wahl für anspruchsvolle Investoren."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Solutions Section */}
|
||||
<div id="solutions" data-section="solutions">
|
||||
<ProductCardOne
|
||||
title="Unsere Investmentlösungen"
|
||||
description="Maßgeschneiderte Strategien für unterschiedliche Investitionsziele und Risikoprofile."
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Aktien Portfolios",
|
||||
price: "Ab €50.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/neon-landing-page-with-smartphone_23-2148351147.jpg?_wi=1",
|
||||
imageAlt: "Global Equity Portfolio",
|
||||
},
|
||||
id: "1", name: "Aktien Portfolios", price: "Ab €50.000", imageSrc: "http://img.b2bpic.net/free-vector/neon-landing-page-with-smartphone_23-2148351147.jpg", imageAlt: "Global Equity Portfolio"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Crypto Asset Management",
|
||||
price: "Ab €25.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/green-yellow-bitcoin-design_23-2147792835.jpg?_wi=1",
|
||||
imageAlt: "Cryptocurrency Allocation Strategy",
|
||||
},
|
||||
id: "2", name: "Crypto Asset Management", price: "Ab €25.000", imageSrc: "http://img.b2bpic.net/free-vector/green-yellow-bitcoin-design_23-2147792835.jpg", imageAlt: "Cryptocurrency Allocation Strategy"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Hybrid Portfolios",
|
||||
price: "Ab €75.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-discussing-meeting_23-2147923299.jpg?_wi=1",
|
||||
imageAlt: "Diversified Multi-Asset Strategy",
|
||||
},
|
||||
id: "3", name: "Hybrid Portfolios", price: "Ab €75.000", imageSrc: "http://img.b2bpic.net/free-photo/business-people-discussing-meeting_23-2147923299.jpg", imageAlt: "Diversified Multi-Asset Strategy"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
title="Unsere Investmentlösungen"
|
||||
description="Maßgeschneiderte Strategien für unterschiedliche Investitionsziele und Risikoprofile."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Approach Section */}
|
||||
<div id="approach" data-section="approach">
|
||||
<MediaAbout
|
||||
title="Unser Investmentansatz"
|
||||
description="Basierend auf drei fundamentalen Prinzipien: Disziplin bei der Auswahl, Diversifikation zur Risikominderung, und Langfristiges Wachstum als oberste Priorität. Wir investieren ausschließlich in hochwertige Unternehmen und digitale Assets mit starkem Wachstumspotenzial."
|
||||
tag="Bewährte Strategie"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/premium-abstract-golden-lines-dark-background-design_1017-55324.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/premium-abstract-golden-lines-dark-background-design_1017-55324.jpg"
|
||||
imageAlt="Investment strategy dashboard"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Mehr über unsere Methodik",
|
||||
href: "/about",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Mehr über unsere Methodik", href: "about" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Process Section */}
|
||||
<div id="process" data-section="process">
|
||||
<BlogCardThree
|
||||
title="Wie wir zusammenarbeiten"
|
||||
description="Ein strukturierter dreiteiliger Prozess für optimale Ergebnisse."
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Schritt 1",
|
||||
title: "Strategiegespräch",
|
||||
excerpt: "Wir analysieren Ihre Ziele, Zeitrahmen und Ihre individuelle Risikobereitschaft in einem persönlichen Gespräch.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/premium-abstract-golden-lines-dark-background-design_1017-55324.jpg?_wi=3",
|
||||
imageAlt: "Consultation meeting",
|
||||
authorName: "Alpha Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/businessman-with-tablet_1098-135.jpg",
|
||||
date: "Laufend",
|
||||
},
|
||||
id: "1", category: "Schritt 1", title: "Strategiegespräch", excerpt: "Wir analysieren Ihre Ziele, Zeitrahmen und Ihre individuelle Risikobereitschaft in einem persönlichen Gespräch.", imageSrc: "http://img.b2bpic.net/free-vector/premium-abstract-golden-lines-dark-background-design_1017-55324.jpg", imageAlt: "Consultation meeting", authorName: "Alpha Team", authorAvatar: "http://img.b2bpic.net/free-photo/businessman-with-tablet_1098-135.jpg", date: "Laufend"},
|
||||
{
|
||||
id: "2",
|
||||
category: "Schritt 2",
|
||||
title: "Portfolio Design",
|
||||
excerpt: "Basierend auf Ihrem Profil erstellen wir ein individuell angepasstes Portfolio mit optimaler Allokation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/premium-abstract-golden-lines-dark-background-design_1017-55324.jpg?_wi=4",
|
||||
imageAlt: "Portfolio creation",
|
||||
authorName: "Alpha Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-corporate-woman-holding-her-laptop-smiling-going-work-wearing-professional_1258-117427.jpg",
|
||||
date: "Laufend",
|
||||
},
|
||||
id: "2", category: "Schritt 2", title: "Portfolio Design", excerpt: "Basierend auf Ihrem Profil erstellen wir ein individuell angepasstes Portfolio mit optimaler Allokation.", imageSrc: "http://img.b2bpic.net/free-vector/premium-abstract-golden-lines-dark-background-design_1017-55324.jpg", imageAlt: "Portfolio creation", authorName: "Alpha Team", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-corporate-woman-holding-her-laptop-smiling-going-work-wearing-professional_1258-117427.jpg", date: "Laufend"},
|
||||
{
|
||||
id: "3",
|
||||
category: "Schritt 3",
|
||||
title: "Aktives Management",
|
||||
excerpt: "Kontinuierliche Überwachung, Optimierung und Anpassung Ihres Portfolios entsprechend Marktentwicklungen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/premium-abstract-golden-lines-dark-background-design_1017-55324.jpg?_wi=5",
|
||||
imageAlt: "Active management",
|
||||
authorName: "Alpha Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg",
|
||||
date: "Laufend",
|
||||
},
|
||||
id: "3", category: "Schritt 3", title: "Aktives Management", excerpt: "Kontinuierliche Überwachung, Optimierung und Anpassung Ihres Portfolios entsprechend Marktentwicklungen.", imageSrc: "http://img.b2bpic.net/free-vector/premium-abstract-golden-lines-dark-background-design_1017-55324.jpg", imageAlt: "Active management", authorName: "Alpha Team", authorAvatar: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg", date: "Laufend"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="Wie wir zusammenarbeiten"
|
||||
description="Ein strukturierter dreiteiliger Prozess für optimale Ergebnisse."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Testimonials Section */}
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
title="Was unsere Klienten sagen"
|
||||
description="Echte Erfahrungen von anspruchsvollen Investoren, die Alpha vertrauen."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Michael R.",
|
||||
role: "Entrepreneur",
|
||||
company: "Tech Ventures",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-tablet_1098-135.jpg",
|
||||
imageAlt: "Michael R.",
|
||||
},
|
||||
id: "1", name: "Michael R.", role: "Entrepreneur", company: "Tech Ventures", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-tablet_1098-135.jpg", imageAlt: "Michael R."},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah K.",
|
||||
role: "Finanzmanagerin",
|
||||
company: "Asset Management GmbH",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-corporate-woman-holding-her-laptop-smiling-going-work-wearing-professional_1258-117427.jpg",
|
||||
imageAlt: "Sarah K.",
|
||||
},
|
||||
id: "2", name: "Sarah K.", role: "Finanzmanagerin", company: "Asset Management GmbH", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-corporate-woman-holding-her-laptop-smiling-going-work-wearing-professional_1258-117427.jpg", imageAlt: "Sarah K."},
|
||||
{
|
||||
id: "3",
|
||||
name: "David W.",
|
||||
role: "Investor",
|
||||
company: "Private Equity",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg",
|
||||
imageAlt: "David W.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena V.",
|
||||
role: "CFO",
|
||||
company: "International Finance",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-successful-businesswoman-suit-cross-arms-chest-smile-look-confident_1258-194088.jpg",
|
||||
imageAlt: "Elena V.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "John B.",
|
||||
role: "Portfolio Manager",
|
||||
company: "Wealth Advisory",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-man-standing-with-suitcase-airport-waiting-flight-xa_657883-702.jpg",
|
||||
imageAlt: "John B.",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Lisa M.",
|
||||
role: "Investment Director",
|
||||
company: "Global Investors",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-desk_23-2149741203.jpg",
|
||||
imageAlt: "Lisa M.",
|
||||
},
|
||||
id: "3", name: "David W.", role: "Investor", company: "Private Equity", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg", imageAlt: "David W."},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "€500M+",
|
||||
label: "Vermögen unter Verwaltung",
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Jahre Expertise",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Kundenzufriedenheit",
|
||||
},
|
||||
{ value: "€500M+", label: "Vermögen unter Verwaltung" },
|
||||
{ value: "15+", label: "Jahre Expertise" },
|
||||
{ value: "98%", label: "Kundenzufriedenheit" },
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="Was unsere Klienten sagen"
|
||||
description="Echte Erfahrungen von anspruchsvollen Investoren, die Alpha vertrauen."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* CTA Section */}
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactSplitForm
|
||||
title="Starten Sie Ihre Investmentstrategie"
|
||||
description="Buchen Sie ein persönliches Strategiegespräch mit einem unserer Portfolioexperten und erfahren Sie, wie Alpha Ihr Vermögen wachsen lässt."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Ihr Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "E-Mail Adresse", required: true },
|
||||
{ name: "capital", type: "text", placeholder: "Investitionskapital (z.B. €100.000)", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Ihre Investitionsziele und Fragen...", rows: 5, required: false }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/premium-abstract-golden-lines-dark-background-design_1017-55324.jpg"
|
||||
imageAlt="Alpha wealth management interface"
|
||||
mediaAnimation="none"
|
||||
mediaPosition="right"
|
||||
buttonText="Strategiegespräch anfragen"
|
||||
onSubmit={(data) => console.log(data)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="ALPHA"
|
||||
copyrightText="© 2025 Alpha Asset Management. Alle Rechte vorbehalten."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/company/alpha-asset-management",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/alphaassets",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Mail,
|
||||
href: "mailto:info@alpha-assets.de",
|
||||
ariaLabel: "Email",
|
||||
},
|
||||
{ icon: Linkedin, href: "https://linkedin.com/company/alpha-asset-management", ariaLabel: "LinkedIn" },
|
||||
{ icon: Twitter, href: "https://twitter.com/alphaassets", ariaLabel: "Twitter" },
|
||||
{ icon: Mail, href: "mailto:info@alpha-assets.de", ariaLabel: "Email" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user