Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0a91850bb7 | |||
| 3e7d174ebd | |||
| 4f3d2efa34 | |||
| 08be0dc076 |
188
src/app/page.tsx
188
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonia
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { BarChart2, Globe, Zap } from "lucide-react";
|
||||
import { BarChart2, Globe, Zap, Target, Users, TrendingUp } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,14 +30,10 @@ 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="M-Agency"
|
||||
/>
|
||||
@@ -46,57 +42,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Marketing That Scales Like a Global Icon."
|
||||
description="We blend scientific precision with legendary creative. Elevate your brand identity and market reach with our high-performance marketing solutions."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice Wang", handle: "@aw_media", testimonial: "The scale we achieved in one quarter was unprecedented.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg?_wi=1"},
|
||||
{
|
||||
name: "Bob Smith", handle: "@bs_creative", testimonial: "A truly premium agency partnership.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-woman-with-combed-hair-clean-face-skin-looking-thoughtful-logo-promo-left-empty-space-isolated-studio-background_176420-46713.jpg?_wi=1"},
|
||||
{
|
||||
name: "Charlie Day", handle: "@cd_growth", testimonial: "Impactful and data-driven branding strategies.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg?_wi=1"},
|
||||
{
|
||||
name: "Dana White", handle: "@dw_ceo", testimonial: "Transformed our market perception instantly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg?_wi=1"},
|
||||
{
|
||||
name: "Eli Young", handle: "@ey_marketing", testimonial: "Efficiency and creativity combined perfectly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg?_wi=1"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started", href: "#contact"},
|
||||
{ name: "Alice Wang", handle: "@aw_media", testimonial: "The scale we achieved in one quarter was unprecedented.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg?_wi=1" },
|
||||
{ name: "Bob Smith", handle: "@bs_creative", testimonial: "A truly premium agency partnership.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-woman-with-combed-hair-clean-face-skin-looking-thoughtful-logo-promo-left-empty-space-isolated-studio-background_176420-46713.jpg?_wi=1" },
|
||||
{ name: "Charlie Day", handle: "@cd_growth", testimonial: "Impactful and data-driven branding strategies.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg?_wi=1" },
|
||||
{ name: "Dana White", handle: "@dw_ceo", testimonial: "Transformed our market perception instantly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg?_wi=1" },
|
||||
{ name: "Eli Young", handle: "@ey_marketing", testimonial: "Efficiency and creativity combined perfectly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg?_wi=1" },
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/collage-about-childhood-with-kid-couch_23-2150169076.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", alt: "Alice"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-woman-with-combed-hair-clean-face-skin-looking-thoughtful-logo-promo-left-empty-space-isolated-studio-background_176420-46713.jpg", alt: "Bob"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg", alt: "Charlie"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg", alt: "Dana"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg", alt: "Eli"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Brand Elevation"},
|
||||
{
|
||||
type: "text", text: "Global Reach"},
|
||||
{
|
||||
type: "text", text: "Data Analytics"},
|
||||
{
|
||||
type: "text", text: "Creative Strategy"},
|
||||
{
|
||||
type: "text", text: "Performance ROI"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -106,15 +64,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "500+", title: "Campaigns Launched", description: "Global market entries.", imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg?_wi=1"},
|
||||
{
|
||||
id: "m2", value: "2M+", title: "Conversion Uplift", description: "Proven ROI results.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-workmates-analyzing-building-model-maquette-table-design-construction-group-diverse-colleagues-working-architecture-project-structure-development_482257-33694.jpg?_wi=1"},
|
||||
{
|
||||
id: "m3", value: "40+", title: "Countries Served", description: "Border-less reach.", imageSrc: "http://img.b2bpic.net/free-photo/collage-about-childhood-with-kid-couch_23-2150169076.jpg?_wi=2"},
|
||||
{ id: "m1", value: "500+", title: "Market Impact", description: "High-visibility campaigns driving global recognition.", imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg?_wi=1" },
|
||||
{ id: "m2", value: "2M+", title: "Conversion Velocity", description: "Unparalleled efficiency in customer acquisition.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-workmates-analyzing-building-model-maquette-table-design-construction-group-diverse-colleagues-working-architecture-project-structure-development_482257-33694.jpg?_wi=1" },
|
||||
{ id: "m3", value: "40+", title: "Regional Reach", description: "Building iconic presence across all major markets.", imageSrc: "http://img.b2bpic.net/free-photo/collage-about-childhood-with-kid-couch_23-2150169076.jpg?_wi=2" },
|
||||
]}
|
||||
title="Proven Metrics, Global Impact"
|
||||
description="Our numbers reflect our commitment to excellence and massive market growth."
|
||||
title="Corporate Excellence"
|
||||
description="Our data-backed approach ensures your brand legacy is built on solid, growth-oriented foundations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -124,36 +79,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Global Identity", description: "Build a brand that translates across every market.", icon: Globe,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg?_wi=2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-workmates-analyzing-building-model-maquette-table-design-construction-group-diverse-colleagues-working-architecture-project-structure-development_482257-33694.jpg?_wi=2"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Data Precision", description: "Hyper-focused targeting for maximum engagement.", icon: BarChart2,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg?_wi=3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-workmates-analyzing-building-model-maquette-table-design-construction-group-diverse-colleagues-working-architecture-project-structure-development_482257-33694.jpg?_wi=3"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Creative Edge", description: "Bold designs that capture attention instantly.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg?_wi=4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-workmates-analyzing-building-model-maquette-table-design-construction-group-diverse-colleagues-working-architecture-project-structure-development_482257-33694.jpg?_wi=4"},
|
||||
],
|
||||
},
|
||||
{ title: "Unified Global Brand", description: "Consistent messaging frameworks for maximum market penetration.", icon: Globe, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg?_wi=2" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-workmates-analyzing-building-model-maquette-table-design-construction-group-diverse-colleagues-working-architecture-project-structure-development_482257-33694.jpg?_wi=2" }] },
|
||||
{ title: "Precision Analytics", description: "Actionable intelligence that powers high-performing growth strategies.", icon: Target, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg?_wi=3" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-workmates-analyzing-building-model-maquette-table-design-construction-group-diverse-colleagues-working-architecture-project-structure-development_482257-33694.jpg?_wi=3" }] },
|
||||
{ title: "Iconic Creative", description: "Bold, memorable visual narratives that command instant attention.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg?_wi=4" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-workmates-analyzing-building-model-maquette-table-design-construction-group-diverse-colleagues-working-architecture-project-structure-development_482257-33694.jpg?_wi=4" }] },
|
||||
]}
|
||||
title="Iconic Strategy Suite"
|
||||
description="Our marketing stack is built to make your brand visible, recognized, and profitable."
|
||||
title="Strategy Suite"
|
||||
description="Our premium marketing stack is engineered to make your organization visible, authoritative, and dominant."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -163,25 +94,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Alice Wang", handle: "@aw_media", testimonial: "Exceptional marketing execution.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg?_wi=2"},
|
||||
{
|
||||
id: "2", name: "Bob Smith", handle: "@bs_creative", testimonial: "A premium service in every aspect.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-woman-with-combed-hair-clean-face-skin-looking-thoughtful-logo-promo-left-empty-space-isolated-studio-background_176420-46713.jpg?_wi=2"},
|
||||
{
|
||||
id: "3", name: "Charlie Day", handle: "@cd_growth", testimonial: "Best in class strategy.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg?_wi=2"},
|
||||
{
|
||||
id: "4", name: "Dana White", handle: "@dw_ceo", testimonial: "Total game changer.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg?_wi=2"},
|
||||
{
|
||||
id: "5", name: "Eli Young", handle: "@ey_marketing", testimonial: "Truly remarkable brand growth.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg?_wi=2"},
|
||||
{ id: "1", name: "Alice Wang", handle: "@aw_media", testimonial: "The gold standard for corporate branding.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg?_wi=2" },
|
||||
{ id: "2", name: "Bob Smith", handle: "@bs_creative", testimonial: "Premium strategic execution without compromise.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-woman-with-combed-hair-clean-face-skin-looking-thoughtful-logo-promo-left-empty-space-isolated-studio-background_176420-46713.jpg?_wi=2" },
|
||||
{ id: "3", name: "Charlie Day", handle: "@cd_growth", testimonial: "Unmatched precision in market analytics.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg?_wi=2" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="World-Class Results"
|
||||
description="Hear how we've helped leaders scale their businesses."
|
||||
title="Corporate Endorsements"
|
||||
description="Partnering with industry leaders to scale influence and brand equity."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -190,15 +109,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "How do we scale brands?", content: "We use a data-first approach combined with creative storytelling."},
|
||||
{
|
||||
id: "f2", title: "What is your typical turnaround?", content: "Our strategy sprint cycle is 4-6 weeks for full rollout."},
|
||||
{
|
||||
id: "f3", title: "Do you work with international brands?", content: "Absolutely, our expertise spans across 40+ countries."},
|
||||
{ id: "f1", title: "How do we ensure brand consistency?", content: "We implement rigid brand governance protocols to ensure high-fidelity messaging across all global channels." },
|
||||
{ id: "f2", title: "What is the turnaround for strategic rollouts?", content: "Our elite-tier project methodology ensures rapid deployment cycles of 4-6 weeks for full market impact." },
|
||||
{ id: "f3", title: "Are your solutions scalable?", content: "Absolutely. Every strategy is built from the ground up for massive, enterprise-grade scalability." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Get quick insights on our marketing process."
|
||||
title="Operational Insights"
|
||||
description="Your questions, answered with precision."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -206,44 +122,22 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Ready to Scale?"
|
||||
title="Join Our Next Success Story"
|
||||
description="Send us your details and let's build your brand strategy together."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Partnership Ready"
|
||||
title="Discuss Your Brand Expansion"
|
||||
description="Connect with our corporate development team to elevate your market position."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Agency", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Branding", href: "#"},
|
||||
{
|
||||
label: "Analytics", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Corporate", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Solutions", items: [{ label: "Global Branding", href: "#" }, { label: "Data Intelligence", href: "#" }] },
|
||||
{ title: "Compliance", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 M-Agency. All rights reserved."
|
||||
bottomRightText="Built for Marketing Leaders"
|
||||
bottomLeftText="© 2025 M-Agency. Global Operations Group."
|
||||
bottomRightText="Elite Marketing Infrastructure"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user