Merge version_1 into main #2
240
src/app/page.tsx
240
src/app/page.tsx
@@ -3,10 +3,14 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Sparkles, Star, Rocket, Twitter, Linkedin, Instagram, Mail } from 'lucide-react';
|
||||
import { Sparkles, Star, Rocket, Twitter, Linkedin, Instagram, Mail, Zap, TrendingUp, Target, Users, DollarSign, Award, Github, Globe } from 'lucide-react';
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
@@ -27,85 +31,181 @@ export default function HomePage() {
|
||||
brandName="NEXUS Miami"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Team", id: "/team" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
className="backdrop-blur-sm bg-background/50 border border-accent/20"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero" className="min-h-screen flex items-center justify-center py-20">
|
||||
<div className="mx-auto px-4 md:px-6">
|
||||
<HeroSplitKpi
|
||||
title="Transform Your Brand Into a Digital Powerhouse"
|
||||
description="Elite marketing strategies crafted for ambitious brands. We blend data-driven insights with cutting-edge creativity to deliver exponential growth and measurable ROI."
|
||||
tag="Miami-based Agency"
|
||||
tagIcon={Sparkles}
|
||||
kpis={[
|
||||
{ value: "300%", label: "Average Client Growth" },
|
||||
{ value: "150+", label: "Brands Transformed" },
|
||||
{ value: "24/7", label: "Campaign Optimization" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797682.jpg"
|
||||
imageAlt="Futuristic Miami marketing agency office"
|
||||
imagePosition="right"
|
||||
buttons={[
|
||||
{ text: "Schedule Consultation", href: "/contact" },
|
||||
{ text: "View Portfolio", href: "/services" }
|
||||
]}
|
||||
className="relative overflow-hidden"
|
||||
titleClassName="text-6xl md:text-7xl font-bold tracking-tight"
|
||||
descriptionClassName="text-lg md:text-xl text-accent/90 max-w-2xl"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
title="Transform Your Brand Into a Digital Powerhouse"
|
||||
description="Elite marketing strategies crafted for ambitious brands. We blend data-driven insights with cutting-edge creativity to deliver exponential growth and measurable ROI."
|
||||
tag="Miami-based Agency"
|
||||
tagIcon={Sparkles}
|
||||
kpis={[
|
||||
{ value: "300%", label: "Average Client Growth" },
|
||||
{ value: "150+", label: "Brands Transformed" },
|
||||
{ value: "24/7", label: "Campaign Optimization" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797682.jpg"
|
||||
imageAlt="Futuristic Miami marketing agency office"
|
||||
imagePosition="right"
|
||||
buttons={[
|
||||
{ text: "Schedule Consultation", href: "#contact" },
|
||||
{ text: "View Portfolio", href: "#features" }
|
||||
]}
|
||||
className="relative overflow-hidden"
|
||||
titleClassName="text-6xl md:text-7xl font-bold tracking-tight"
|
||||
descriptionClassName="text-lg md:text-xl text-accent/90 max-w-2xl"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials" className="py-24 bg-gradient-to-b from-transparent to-background-accent/5">
|
||||
<div className="mx-auto px-4 md:px-6">
|
||||
<TestimonialCardTwelve
|
||||
cardTitle="Trusted by leading brands and entrepreneurs worldwide"
|
||||
cardTag="Client Success Stories"
|
||||
cardTagIcon={Star}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Sarah Johnson"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Michael Rodriguez", imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageAlt: "Michael Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Priya Patel", imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", imageAlt: "Priya Patel"
|
||||
},
|
||||
{
|
||||
id: "4", name: "David Chen", imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", imageAlt: "David Chen"
|
||||
}
|
||||
]}
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaSplitTabsAbout
|
||||
title="Why Leading Brands Choose NEXUS"
|
||||
description="We're not just another agency. We're strategic partners obsessed with your success."
|
||||
tabs={[
|
||||
{
|
||||
id: "innovation", label: "Innovation First", description: "We leverage AI-powered analytics, predictive modeling, and emerging platforms to keep your brand ahead of the curve. Our proprietary technology stack ensures every campaign operates at peak efficiency."
|
||||
},
|
||||
{
|
||||
id: "expertise", label: "Deep Expertise", description: "15+ years of collective experience across tech, e-commerce, hospitality, and finance. Our team includes former executives from Fortune 500 companies and successful startup founders."
|
||||
},
|
||||
{
|
||||
id: "results", label: "Proven Results", description: "Average client ROI improvement of 300%. We measure everything. Every strategy is backed by data, tested rigorously, and optimized continuously for maximum impact."
|
||||
}
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/happy-young-colleagues-office-coworking_171337-17719.jpg"
|
||||
imageAlt="Team collaboration and strategy session"
|
||||
imagePosition="right"
|
||||
useInvertedBackground="noInvert"
|
||||
className="py-24"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact" className="py-24">
|
||||
<div className="mx-auto px-4 md:px-6">
|
||||
<ContactCenter
|
||||
tag="Let's Connect"
|
||||
title="Ready to Transform Your Brand?"
|
||||
description="Get a personalized consultation with our strategy team. Let's discuss how we can drive your growth."
|
||||
tagIcon={Rocket}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Get Consultation"
|
||||
termsText="We respect your privacy. Unsubscribe anytime."
|
||||
useInvertedBackground="noInvert"
|
||||
className="py-24"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
title="Our Strategic Services"
|
||||
description="Comprehensive solutions designed to elevate your brand's market presence and drive sustainable growth."
|
||||
tag="Services"
|
||||
tagIcon={Zap}
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Brand Strategy & Positioning", description: "We analyze your market, competitors, and audience to craft a unique positioning that resonates. Our strategic frameworks ensure consistent brand messaging across all channels.", tag: "Strategy", imageSrc: "https://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908079.jpg", buttons: [{ text: "Learn More", href: "#" }]
|
||||
},
|
||||
{
|
||||
id: "2", title: "Creative & Design Excellence", description: "Award-winning designers and creative directors deliver visually stunning campaigns that capture attention and drive engagement. From brand identity to digital experiences.", tag: "Creative", imageSrc: "https://img.b2bpic.net/free-photo/cropped-front-end-developers-designing-mobile-application-interface_1098-20471.jpg", buttons: [{ text: "Explore Work", href: "#" }]
|
||||
},
|
||||
{
|
||||
id: "3", title: "Performance Marketing", description: "Data-driven campaigns optimized for conversions. We manage every touchpoint of the customer journey to maximize ROI and scale profitable channels.", tag: "Growth", imageSrc: "https://img.b2bpic.net/free-photo/top-view-desk-concept-with-laptop_23-2148236850.jpg", buttons: [{ text: "See Results", href: "#" }]
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer" className="border-t border-accent/20">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
title="Our Impact by the Numbers"
|
||||
description="Real results from real partnerships. These numbers represent the transformation we deliver."
|
||||
tag="Performance"
|
||||
tagIcon={TrendingUp}
|
||||
metrics={[
|
||||
{ id: "1", icon: Target, title: "Conversions", value: "+847%" },
|
||||
{ id: "2", icon: Users, title: "Audience Growth", value: "2.4M+" },
|
||||
{ id: "3", icon: DollarSign, title: "Revenue Impact", value: "$500M+" },
|
||||
{ id: "4", icon: Award, title: "Awards Won", value: "47" }
|
||||
]}
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
title="Meet Your Strategic Partners"
|
||||
description="Elite professionals dedicated to your brand's transformation."
|
||||
tag="Leadership"
|
||||
tagIcon={Users}
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "Alexandra Rivera", role: "Chief Strategy Officer", description: "Former VP of Marketing at TechCorp. 15+ years driving global brand transformations.", imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", imageAlt: "Alexandra Rivera", socialLinks: [
|
||||
{ icon: Linkedin, url: "https://linkedin.com" },
|
||||
{ icon: Twitter, url: "https://twitter.com" }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "2", name: "Marcus Chen", role: "Creative Director", description: "Award-winning designer. Led creative teams at major agencies. Passionate about innovation.", imageSrc: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", imageAlt: "Marcus Chen", socialLinks: [
|
||||
{ icon: Linkedin, url: "https://linkedin.com" },
|
||||
{ icon: Globe, url: "https://portfolio.com" }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "3", name: "Sofia Andersen", role: "Chief Technology Officer", description: "Data scientist & tech entrepreneur. Built marketing tech platforms for Fortune 500s.", imageSrc: "https://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg", imageAlt: "Sofia Andersen", socialLinks: [
|
||||
{ icon: Linkedin, url: "https://linkedin.com" },
|
||||
{ icon: Github, url: "https://github.com" }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "4", name: "James Mitchell", role: "Client Success Lead", description: "10+ years in agency account management. Focused on building long-term partnerships.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg", imageAlt: "James Mitchell", socialLinks: [
|
||||
{ icon: Linkedin, url: "https://linkedin.com" },
|
||||
{ icon: Mail, url: "mailto:james@nexusmiami.com" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
cardTitle="Trusted by leading brands and entrepreneurs worldwide"
|
||||
cardTag="Client Success Stories"
|
||||
cardTagIcon={Star}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Sarah Johnson"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Michael Rodriguez", imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageAlt: "Michael Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Priya Patel", imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", imageAlt: "Priya Patel"
|
||||
},
|
||||
{
|
||||
id: "4", name: "David Chen", imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", imageAlt: "David Chen"
|
||||
}
|
||||
]}
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Let's Connect"
|
||||
title="Ready to Transform Your Brand?"
|
||||
description="Get a personalized consultation with our strategy team. Let's discuss how we can drive your growth."
|
||||
tagIcon={Rocket}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Get Consultation"
|
||||
termsText="We respect your privacy. Unsubscribe anytime."
|
||||
useInvertedBackground="noInvert"
|
||||
className="py-24"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="NEXUS"
|
||||
copyrightText="© 2025 NEXUS Miami Marketing Agency. All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user