Update src/app/page.tsx
This commit is contained in:
161
src/app/page.tsx
161
src/app/page.tsx
@@ -2,14 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -23,143 +23,100 @@ export default function LandingPage() {
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Case Studies", id: "#case-studies"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Process", id: "#process" },
|
||||
{ name: "Case Studies", id: "#case-studies" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Maxim Capșa"
|
||||
button={{
|
||||
text: "Free Consultation", href: "#contact"}}
|
||||
button={{ text: "Free Consultation", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Websites & Automation for Small Businesses"
|
||||
description="I help small businesses in Germany launch online with modern websites, automation and simple digital solutions."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/office-desk-still-life_23-2148111384.jpg", imageAlt: "Workspace" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/handsome-manager-man-glasses-sits-table-holds-laptop-types-sends-message-works-project_1258-245276.jpg", imageAlt: "Workspace" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-concept-with-copy-space_23-2148459721.jpg", imageAlt: "Workspace" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039314.jpg", imageAlt: "Workspace" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-pensive-business-woman-trendy-outfit-sitting-minimalistic-office_197531-10673.jpg", imageAlt: "Workspace" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg", imageAlt: "Maxim Capșa" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-businessman-dark-background_613910-15034.jpg", imageAlt: "Maxim Capșa" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg", imageAlt: "Maxim Capșa" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-sunglasses-sitting-along-with-laptop-white-space_140725-11140.jpg", imageAlt: "Maxim Capșa" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9654.jpg", imageAlt: "Maxim Capșa" },
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Free Consultation", href: "#contact" },
|
||||
{ text: "View Services", href: "#services" },
|
||||
]}
|
||||
avatarText="Trusted by 100+ small businesses across Germany"
|
||||
marqueeItems={[
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/high-angle-desk-concept-with-copy-space_23-2148459729.jpg", alt: "Partner 1" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/luxury-design-modern-wooden-table-decor-generated-by-ai_188544-27803.jpg", alt: "Partner 2" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/still-life-office-chair-indoors_23-2151108702.jpg", alt: "Partner 3" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/elegant-desk-arrangement-with-copy-space_23-2148975856.jpg", alt: "Partner 4" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292771.jpg", alt: "Partner 5" },
|
||||
]}
|
||||
<HeroBillboard
|
||||
background={{ variant: "plain" }}
|
||||
title="Architecting Digital Presence for Local Leaders"
|
||||
description="Custom digital solutions, strategic automation, and premium landing pages for businesses in Germany."
|
||||
buttons={[{ text: "Start Project", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Officially registered in Germany."
|
||||
description="I help small businesses create modern landing pages, automate communication and simplify online sales. My focus is on creating premium, trustworthy digital experiences that help your local business stand out and thrive."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-handsome-business-man_1303-19609.jpg"
|
||||
imageAlt="Maxim Capșa"
|
||||
heading={[{ type: "text", content: "Design-led engineering, registered in Germany." }]}
|
||||
className="py-20"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="What I Can Build"
|
||||
description="Comprehensive services tailored for small businesses and local service providers."
|
||||
accordionItems={[
|
||||
{ id: "1", title: "Landing Pages", content: "Custom-designed high-converting pages for your local business." },
|
||||
{ id: "2", title: "Tilda Websites", content: "Professional, easy-to-manage sites built on Tilda." },
|
||||
{ id: "3", title: "Telegram & IG Automation", content: "Streamline communication with automated bots and tools." },
|
||||
{ id: "4", title: "Google Business Profile", content: "Get found locally with optimized business listings." },
|
||||
<FeatureCardTwentyThree
|
||||
animationType="blur-reveal"
|
||||
title="Core Capabilities"
|
||||
description="Refined digital tools to help your local business scale with intent."
|
||||
textboxLayout="split"
|
||||
features={[
|
||||
{ id: "1", title: "Landing Pages", tags: ["Premium", "Conversion-Focused"] },
|
||||
{ id: "2", title: "Tilda Web Strategy", tags: ["Elegant", "Management"] },
|
||||
{ id: "3", title: "Communications AI", tags: ["Automation", "Seamless"] },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/20-web-design-solid-glyph-icon-pack-like-insurance-error-access-alert-mobile_1142-16948.jpg"
|
||||
imageAlt="Services"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="My 4-Step Process"
|
||||
tag="Working with me"
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
title="The Editorial Workflow"
|
||||
description="A structured process defined by white space and precision."
|
||||
metrics={[
|
||||
{ id: "1", value: "1", description: "Free Consultation" },
|
||||
{ id: "2", value: "2", description: "Project Discussion" },
|
||||
{ id: "3", value: "3", description: "Design & Setup" },
|
||||
{ id: "4", value: "4", description: "Launch & Support" },
|
||||
{ id: "1", value: "01", title: "Discovery", description: "Alignment", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-workspace.jpg" },
|
||||
{ id: "2", value: "02", title: "Strategy", description: "Architecture", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-workspace.jpg" },
|
||||
{ id: "3", value: "03", title: "Execution", description: "Craftsmanship", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-workspace.jpg" },
|
||||
{ id: "4", value: "04", title: "Launch", description: "Optimization", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-workspace.jpg" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
className="border-t border-b border-black/10 py-16"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="case-studies" data-section="case-studies">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
<ProductCardThree
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Wellness", name: "Fitness Coach Landing Page", price: "Custom", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-making-natural-face-mask_23-2148883846.jpg" },
|
||||
{ id: "2", brand: "Automation", name: "Telegram Sales Bot", price: "Custom", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-computer_23-2151966696.jpg" },
|
||||
{ id: "3", brand: "Services", name: "Craftsman Portfolio Website", price: "Custom", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/build-your-own-body-strength-fitness-exercise-get-fit_53876-21371.jpg" },
|
||||
{ id: "4", brand: "Beauty", name: "Local Spa Booking Site", price: "Custom", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-vector/internet-banking-insights_53876-93196.jpg" },
|
||||
{ id: "5", brand: "E-commerce", name: "Custom Product Catalog", price: "Custom", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/exercise-banner-blank-bird-badge-graphic_53876-21373.jpg" },
|
||||
{ id: "6", brand: "Business", name: "Professional Startup Site", price: "Custom", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg" },
|
||||
]}
|
||||
title="Selected Projects"
|
||||
description="Minimal, elegant, and effective digital experiences for my clients."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
title="Select Editorial Works"
|
||||
description="Portfolio of projects designed for growth and visibility."
|
||||
products={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Contact"
|
||||
title="Let's elevate your brand."
|
||||
description="Ready to launch your premium online presence? Let's discuss your project today. I am based in Germany and serve clients across Europe."
|
||||
buttons={[
|
||||
{ text: "Message via Telegram", href: "#" },
|
||||
{ text: "Message via WhatsApp", href: "#" },
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
<ContactText
|
||||
background={{ variant: "plain" }}
|
||||
text="Let's define the future of your brand presence."
|
||||
className="py-24"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Maxim Capșa"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Contact", items: [{ label: "hello@capsa.de" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy" }, { label: "Terms" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Maxim Capșa"
|
||||
bottomRightText="Based in Germany"
|
||||
className="border-t border-black/10 pt-10"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user