Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
189
src/app/page.tsx
189
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTe
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { ArrowRight, Shield } from "lucide-react";
|
||||
import { ArrowRight, Shield, LineChart, MessageCircle, User } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,66 +29,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AMS Marketing"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Elevating Brands in the Heart of Amsterdam"
|
||||
description="We craft bold, data-driven marketing strategies that turn local businesses into global phenomena. Partner with Amsterdam's most innovative creative team."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Janssen",
|
||||
handle: "@sarahjan",
|
||||
testimonial: "Exceptional strategy and execution. They transformed our digital presence completely.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/portrait-of-a-professional-business-woma-1774527620566-4787c2d7.png",
|
||||
},
|
||||
{
|
||||
name: "Mark Van Dijk",
|
||||
handle: "@mvandijk",
|
||||
testimonial: "The best agency in Amsterdam. Results-oriented and truly creative thinkers.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/portrait-of-a-professional-business-man--1774527620146-ac5fbaee.png",
|
||||
},
|
||||
{
|
||||
name: "Elena Rossi",
|
||||
handle: "@elena_r",
|
||||
testimonial: "Fantastic creative work. Every campaign exceeded our growth targets.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/portrait-of-a-creative-designer-friendly-1774527616792-8569a1fb.png",
|
||||
},
|
||||
{
|
||||
name: "Tom Klaassen",
|
||||
handle: "@tomk",
|
||||
testimonial: "A joy to work with. They understand the Amsterdam market better than anyone.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/portrait-of-a-young-tech-entrepreneur-pr-1774527614430-929642b5.png",
|
||||
},
|
||||
{ name: "Sarah Janssen", handle: "@sarahjan", testimonial: "Exceptional strategy and execution. They transformed our digital presence completely.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/portrait-of-a-professional-business-woma-1774527620566-4787c2d7.png" },
|
||||
{ name: "Mark Van Dijk", handle: "@mvandijk", testimonial: "The best agency in Amsterdam. Results-oriented and truly creative thinkers.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/portrait-of-a-professional-business-man--1774527620146-ac5fbaee.png" },
|
||||
{ name: "Elena Rossi", handle: "@elena_r", testimonial: "Fantastic creative work. Every campaign exceeded our growth targets.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/portrait-of-a-creative-designer-friendly-1774527616792-8569a1fb.png" },
|
||||
{ name: "Tom Klaassen", handle: "@tomk", testimonial: "A joy to work with. They understand the Amsterdam market better than anyone.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/portrait-of-a-young-tech-entrepreneur-pr-1774527614430-929642b5.png" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-high-quality-image-of-an-amsterdam-can-1774527622710-e53af6f4.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-high-quality-image-of-an-amsterdam-can-1774527622710-e53af6f4.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -98,20 +61,11 @@ export default function LandingPage() {
|
||||
title="Data-Led Creativity"
|
||||
description="Based in the creative hub of Amsterdam, our agency combines deep analytical insights with world-class design to build brands that matter. We don't just reach audiences; we inspire them."
|
||||
metrics={[
|
||||
{
|
||||
value: "150+",
|
||||
title: "Successful Campaigns",
|
||||
},
|
||||
{
|
||||
value: "45%",
|
||||
title: "Average Growth",
|
||||
},
|
||||
{
|
||||
value: "12",
|
||||
title: "Global Awards",
|
||||
},
|
||||
{ value: "150+", title: "Successful Campaigns" },
|
||||
{ value: "45%", title: "Average Growth" },
|
||||
{ value: "12", title: "Global Awards" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-high-quality-image-of-an-amsterdam-can-1774527622710-e53af6f4.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-high-quality-image-of-an-amsterdam-can-1774527622710-e53af6f4.png"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -122,44 +76,22 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Our Agency Services"
|
||||
description="Comprehensive marketing solutions tailored to your unique business goals."
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Brand Strategy",
|
||||
description: "Defining your identity with precision and purpose.",
|
||||
bentoComponent: {
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
},
|
||||
title: "Brand Strategy", description: "Defining your identity with precision and purpose.", bentoComponent: { bentoComponent: "reveal-icon", icon: Shield }
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Digital Growth",
|
||||
description: "High-conversion strategies for digital dominance.",
|
||||
bentoComponent: {
|
||||
bentoComponent: "line-chart",
|
||||
},
|
||||
title: "Digital Growth", description: "High-conversion strategies for digital dominance.", bentoComponent: { bentoComponent: "line-chart" }
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Creative Content",
|
||||
description: "Engaging storytelling that cuts through the noise.",
|
||||
bentoComponent: {
|
||||
bentoComponent: "chat",
|
||||
aiIcon: "MessageCircle",
|
||||
userIcon: "User",
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "Create campaign.",
|
||||
aiResponse: "Campaign live.",
|
||||
},
|
||||
],
|
||||
placeholder: "Strategy AI",
|
||||
},
|
||||
},
|
||||
title: "Creative Content", description: "Engaging storytelling that cuts through the noise.", bentoComponent: { bentoComponent: "chat", aiIcon: MessageCircle, userIcon: User, exchanges: [{ userMessage: "Create campaign.", aiResponse: "Campaign live." }], placeholder: "Strategy AI" }
|
||||
}
|
||||
]}
|
||||
title="Our Agency Services"
|
||||
description="Comprehensive marketing solutions tailored to your unique business goals."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -169,34 +101,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Janssen",
|
||||
role: "CEO, TechCorp",
|
||||
testimonial: "AMS Marketing redefined our digital strategy. Unmatched expertise.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/abstract-background-of-digital-marketing-1774527615810-d72e4bf5.png",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Van Dijk",
|
||||
role: "Founder, Innovate",
|
||||
testimonial: "Creative, reliable, and incredibly fast. The best in the business.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/abstract-background-of-strategy-and-crea-1774527616952-adf274bf.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rossi",
|
||||
role: "Marketing Dir, FashionUp",
|
||||
testimonial: "They built our brand from scratch into a household name. Incredible.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/modern-office-aesthetic-bright-and-airy--1774527623450-823a3ea4.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tom Klaassen",
|
||||
role: "Head of Growth, Startup",
|
||||
testimonial: "Metrics improved instantly after our first campaign. Highly recommend.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/conceptual-image-of-growth-and-results-s-1774527620277-68e8d245.png",
|
||||
},
|
||||
{ id: "1", name: "Sarah Janssen", role: "CEO, TechCorp", testimonial: "AMS Marketing redefined our digital strategy. Unmatched expertise.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/abstract-background-of-digital-marketing-1774527615810-d72e4bf5.png" },
|
||||
{ id: "2", name: "Mark Van Dijk", role: "Founder, Innovate", testimonial: "Creative, reliable, and incredibly fast. The best in the business.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/abstract-background-of-strategy-and-crea-1774527616952-adf274bf.png" },
|
||||
{ id: "3", name: "Elena Rossi", role: "Marketing Dir, FashionUp", testimonial: "They built our brand from scratch into a household name. Incredible.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/modern-office-aesthetic-bright-and-airy--1774527623450-823a3ea4.png" },
|
||||
{ id: "4", name: "Tom Klaassen", role: "Head of Growth, Startup", testimonial: "Metrics improved instantly after our first campaign. Highly recommend.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/conceptual-image-of-growth-and-results-s-1774527620277-68e8d245.png" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Hear from our partners who have redefined their markets with us."
|
||||
@@ -208,23 +116,12 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do you measure success?",
|
||||
content: "We use proprietary analytics platforms to track conversions, ROAS, and brand sentiment.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What industries do you work with?",
|
||||
content: "We support tech startups, e-commerce, and lifestyle brands globally.",
|
||||
},
|
||||
{ id: "q1", title: "How do you measure success?", content: "We use proprietary analytics platforms to track conversions, ROAS, and brand sentiment." },
|
||||
{ id: "q2", title: "What industries do you work with?", content: "We support tech startups, e-commerce, and lifestyle brands globally." },
|
||||
]}
|
||||
ctaTitle="Ready to Start?"
|
||||
ctaDescription="Let's discuss how we can elevate your brand in Amsterdam and beyond."
|
||||
ctaButton={{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
}}
|
||||
ctaButton={{ text: "Contact Us", href: "#" }}
|
||||
ctaIcon={ArrowRight}
|
||||
/>
|
||||
</div>
|
||||
@@ -232,32 +129,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Agency",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Agency", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 AMS Marketing Agency. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user