254 lines
15 KiB
TypeScript
254 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import { Award, Lightbulb, Rocket, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmall"
|
|
background="grid"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Process", id: "process" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "About", id: "philosophy" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{ text: "Start Your Growth", href: "contact" }}
|
|
brandName="DESIGNITY-WEB"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="DESIGNITY-WEB"
|
|
description="Swiss-Precision Digital Marketing for Ambitious European Brands"
|
|
buttons={[
|
|
{ text: "Start Your Growth →", href: "contact" },
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/dark-line-gradient-background_1409-1642.jpg", imageAlt: "abstract gradient mesh navy teal gradient animated mesh background digital gradient"},
|
|
]}
|
|
autoplayDelay={3000}
|
|
showDimOverlay={true}
|
|
ariaLabel="DESIGNITY-WEB hero section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust" data-section="trust">
|
|
<SocialProofOne
|
|
names={[
|
|
"TechFlow Systems", "Innovate Capital", "CloudSync Digital", "Precision Analytics", "GrowthVentures", "Alpine Data", "Nexus Solutions"]}
|
|
title="Trusted by European Market Leaders"
|
|
description="Building growth for ambitious brands across the continent"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyFour
|
|
title="Growth, Engineered."
|
|
description="Six core services designed to accelerate your European expansion"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "meta-google", title: "Meta & Google Ads", author: "Performance Marketing", description: "Precision campaigns that convert high-intent prospects into paying customers. Proven ROAS optimization across all ad platforms.", tags: ["Paid Advertising", "Performance"],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/influencer-marketing-design_23-2147688478.jpg", imageAlt: "meta ads icon google ads icon advertising digital marketing"},
|
|
{
|
|
id: "landing-pages", title: "Landing Pages & Funnels", author: "Conversion Engineering", description: "Custom-engineered digital experiences designed to maximize conversion rates and ROI. Every pixel optimized for performance.", tags: ["Web Design", "Conversion"],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/marketing-optimization-background_23-2148004532.jpg", imageAlt: "landing page icon website funnel icon conversion roi"},
|
|
{
|
|
id: "retargeting", title: "Retargeting Campaigns", author: "Audience Recapture", description: "Strategic pixel-based retargeting to bring high-value prospects back and convert them at scale across all channels.", tags: ["Remarketing", "Strategy"],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/shopping-cart-with-set-icons_24911-45501.jpg", imageAlt: "retargeting icon pixel tracking icon audience targeting marketing automation"},
|
|
{
|
|
id: "web-dev", title: "Website Development", author: "Digital Experience", description: "Premium, responsive websites built for speed, conversion, and user experience. Future-proof architecture for sustained growth.", tags: ["Development", "Design"],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/website-development-picture-set_98292-2527.jpg", imageAlt: "web development icon responsive design icon website icon code"},
|
|
{
|
|
id: "brand-strategy", title: "Brand Strategy", author: "Positioning & Messaging", description: "Deep market research and strategic positioning that gives your brand commanding presence in the European market.", tags: ["Strategy", "Brand"],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/flat-elegant-smart-goals-marketing-general-infographic-template_23-2149229345.jpg", imageAlt: "brand strategy icon positioning icon strategy icon brand identity"},
|
|
{
|
|
id: "analytics", title: "Analytics & Optimization", author: "Data-Driven Growth", description: "Continuous measurement and refinement. Every campaign decision backed by data for compounding results over time.", tags: ["Analytics", "Optimization"],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/collection-four-icons-related-data-analysis-visualization_36662-2147.jpg", imageAlt: "analytics icon data visualization icon optimization icon metrics"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
title="Results That Speak."
|
|
description="Proven outcomes delivered to ambitious European brands"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "revenue", value: "€12M+", title: "Revenue Generated for Clients", items: [
|
|
"Average client lifetime value increase", "Across 8+ European markets", "Sustained year-over-year growth"],
|
|
},
|
|
{
|
|
id: "roas", value: "340%", title: "Average ROAS", items: [
|
|
"Campaign performance benchmark", "Consistently outperforms industry standards", "Proven optimization methodology"],
|
|
},
|
|
{
|
|
id: "campaigns", value: "150+", title: "Campaigns Launched", items: [
|
|
"Diverse industries and markets", "Proven across multiple channels", "Scalable from €5K to €500K+ budgets"],
|
|
},
|
|
{
|
|
id: "retention", value: "98%", title: "Client Retention Rate", items: [
|
|
"Long-term partnership focus", "Clients stay and expand", "Trust-based relationships"],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="philosophy" data-section="philosophy">
|
|
<TestimonialAboutCard
|
|
tag="Our Philosophy"
|
|
tagIcon={Lightbulb}
|
|
title="We don't do average. We engineer growth with the precision Switzerland is known for."
|
|
description="Founded on data-driven creativity"
|
|
subdescription="Premium growth partner for European brands"
|
|
icon={Zap}
|
|
imageSrc="http://img.b2bpic.net/free-vector/blue-abstract-background-with-geometric-shapes_1035-4239.jpg?_wi=1"
|
|
imageAlt="DESIGNITY-WEB philosophy"
|
|
useInvertedBackground={false}
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="process" data-section="process">
|
|
<PricingCardFive
|
|
title="Our 4-Step Growth Framework"
|
|
description="From discovery to compounding results—a proven methodology"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "discover", tag: "Step 1: Discover", price: "", period: "", description: "Deep-dive audit of your brand, market dynamics, and competitive landscape. We uncover hidden opportunities.", button: { text: "Learn More" },
|
|
featuresTitle: "What We Do:", features: [
|
|
"Market research and competitive analysis", "Brand assessment and positioning audit", "Customer journey mapping"],
|
|
},
|
|
{
|
|
id: "strategize", tag: "Step 2: Strategize", price: "", period: "", description: "Custom growth roadmap built on data and insight. Clear targets, proven tactics, measurable milestones.", button: { text: "Learn More" },
|
|
featuresTitle: "What We Do:", features: [
|
|
"Strategic growth blueprint", "Channel selection and prioritization", "Budget allocation framework"],
|
|
},
|
|
{
|
|
id: "execute", tag: "Step 3: Execute", price: "", period: "", description: "Launch precision campaigns across all channels. Our team ensures flawless execution and continuous optimization.", button: { text: "Learn More" },
|
|
featuresTitle: "What We Do:", features: [
|
|
"Campaign setup and launch", "Multi-channel execution", "Real-time performance monitoring"],
|
|
},
|
|
{
|
|
id: "optimize", tag: "Step 4: Optimize", price: "", period: "", description: "Continuous refinement and testing. Every decision backed by data for compounding results over time.", button: { text: "Learn More" },
|
|
featuresTitle: "What We Do:", features: [
|
|
"A/B testing and experimentation", "Weekly performance reporting", "Iterative strategy refinement"],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
cardTitle="Trusted by Europe's most ambitious brands"
|
|
cardTag="Client Success Stories"
|
|
cardTagIcon={Award}
|
|
useInvertedBackground={false}
|
|
cardAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Müller", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Sarah Müller"},
|
|
{
|
|
id: "2", name: "Johannes Weber", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Johannes Weber"},
|
|
{
|
|
id: "3", name: "Claire Dupont", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Claire Dupont"},
|
|
{
|
|
id: "4", name: "Marco Rossi", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4", imageAlt: "Marco Rossi"},
|
|
{
|
|
id: "5", name: "Elena Bergström", imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg", imageAlt: "Elena Bergström"},
|
|
{
|
|
id: "6", name: "Thomas Kowalski", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=5", imageAlt: "Thomas Kowalski"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Ready to Grow?"
|
|
title="Let's Build Your Growth Strategy"
|
|
description="Schedule a strategic consultation with our team. We'll analyze your market opportunity and outline a custom roadmap for European expansion."
|
|
tagIcon={Rocket}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-vector/blue-abstract-background-with-geometric-shapes_1035-4239.jpg?_wi=2"
|
|
imageAlt="Contact DESIGNITY-WEB"
|
|
mediaPosition="right"
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Schedule Call"
|
|
termsText="We respect your privacy. We'll only use your email to schedule your consultation."
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="DESIGNITY-WEB"
|
|
copyrightText="© 2025 DESIGNITY-WEB. Swiss Precision. European Growth."
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Paid Advertising", href: "services" },
|
|
{ label: "Landing Pages", href: "services" },
|
|
{ label: "Web Development", href: "services" },
|
|
{ label: "Analytics", href: "services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "Our Process", href: "process" },
|
|
{ label: "Philosophy", href: "philosophy" },
|
|
{ label: "Client Success", href: "testimonials" },
|
|
{ label: "Contact", href: "contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |