Update src/app/page.tsx
This commit is contained in:
114
src/app/page.tsx
114
src/app/page.tsx
@@ -1,17 +1,17 @@
|
||||
"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';
|
||||
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 (
|
||||
@@ -34,7 +34,7 @@ export default function LandingPage() {
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "About", id: "philosophy" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{ text: "Start Your Growth", href: "contact" }}
|
||||
brandName="DESIGNITY-WEB"
|
||||
@@ -46,12 +46,11 @@ export default function LandingPage() {
|
||||
logoText="DESIGNITY-WEB"
|
||||
description="Swiss-Precision Digital Marketing for Ambitious European Brands"
|
||||
buttons={[
|
||||
{ text: "Start Your Growth →", href: "contact" }
|
||||
{ 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"
|
||||
}
|
||||
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}
|
||||
@@ -61,7 +60,8 @@ export default function LandingPage() {
|
||||
|
||||
<div id="trust" data-section="trust">
|
||||
<SocialProofOne
|
||||
names={["TechFlow Systems", "Innovate Capital", "CloudSync Digital", "Precision Analytics", "GrowthVentures", "Alpine Data", "Nexus Solutions"]}
|
||||
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"
|
||||
@@ -81,28 +81,22 @@ export default function LandingPage() {
|
||||
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"
|
||||
},
|
||||
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"
|
||||
},
|
||||
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"
|
||||
},
|
||||
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"
|
||||
},
|
||||
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"
|
||||
},
|
||||
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"
|
||||
}
|
||||
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>
|
||||
@@ -116,17 +110,21 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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"]
|
||||
}
|
||||
id: "retention", value: "98%", title: "Client Retention Rate", items: [
|
||||
"Long-term partnership focus", "Clients stay and expand", "Trust-based relationships"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -155,17 +153,25 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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"]
|
||||
}
|
||||
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>
|
||||
@@ -179,23 +185,17 @@ export default function LandingPage() {
|
||||
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", imageAlt: "Sarah Müller"
|
||||
},
|
||||
id: "1", name: "Sarah Müller", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", 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", imageAlt: "Johannes Weber"
|
||||
},
|
||||
id: "2", name: "Johannes Weber", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", 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", imageAlt: "Claire Dupont"
|
||||
},
|
||||
id: "3", name: "Claire Dupont", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", 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", imageAlt: "Marco Rossi"
|
||||
},
|
||||
id: "4", name: "Marco Rossi", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", 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: "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", imageAlt: "Thomas Kowalski"
|
||||
}
|
||||
id: "6", name: "Thomas Kowalski", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Thomas Kowalski"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -228,24 +228,24 @@ export default function LandingPage() {
|
||||
{ label: "Paid Advertising", href: "services" },
|
||||
{ label: "Landing Pages", href: "services" },
|
||||
{ label: "Web Development", href: "services" },
|
||||
{ label: "Analytics", 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" }
|
||||
]
|
||||
{ label: "Contact", href: "contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" }
|
||||
]
|
||||
}
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user