Merge version_1 into main #1

Merged
development merged 2 commits from version_1 into main 2026-01-18 15:46:05 +00:00
2 changed files with 167 additions and 113 deletions

View File

@@ -3,36 +3,21 @@ import { Space_Grotesk } from "next/font/google";
import "./globals.css";
const spaceGrotesk = Space_Grotesk({
variable: "--font-space-grotesk",
subsets: ["latin"],
variable: "--font-space-grotesk", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "NEXUS Digital | Miami Marketing Agency & Creative Solutions",
description: "Award-winning Miami marketing agency specializing in digital strategy, brand building, and high-impact campaigns. Futuristic solutions for innovative brands.",
keywords: "marketing agency Miami, digital marketing, brand strategy, creative agency, growth marketing, Miami marketing services",
metadataBase: new URL("https://nexus-digital.com"),
title: "NEXUS Digital | Miami Marketing Agency & Creative Solutions", description: "Award-winning Miami marketing agency specializing in digital strategy, brand building, and high-impact campaigns. Futuristic solutions for innovative brands.", keywords: "marketing agency Miami, digital marketing, brand strategy, creative agency, growth marketing, Miami marketing services", metadataBase: new URL("https://nexus-digital.com"),
alternates: {
canonical: "https://nexus-digital.com",
},
canonical: "https://nexus-digital.com"},
openGraph: {
title: "NEXUS Digital - Premium Marketing Solutions",
description: "Transform your brand with cutting-edge digital marketing and creative excellence in Miami",
url: "https://nexus-digital.com",
siteName: "NEXUS Digital",
type: "website",
images: [
title: "NEXUS Digital - Premium Marketing Solutions", description: "Transform your brand with cutting-edge digital marketing and creative excellence in Miami", url: "https://nexus-digital.com", siteName: "NEXUS Digital", type: "website", images: [
{
url: "https://nexus-digital.com/og-image.png",
alt: "NEXUS Digital - Miami Marketing Agency",
},
url: "https://nexus-digital.com/og-image.png", alt: "NEXUS Digital - Miami Marketing Agency"},
],
},
twitter: {
card: "summary_large_image",
title: "NEXUS Digital | Premium Marketing Agency Miami",
description: "Award-winning marketing solutions for innovative brands. Strategy, creativity, and results.",
images: ["https://nexus-digital.com/twitter-image.png"],
card: "summary_large_image", title: "NEXUS Digital | Premium Marketing Agency Miami", description: "Award-winning marketing solutions for innovative brands. Strategy, creativity, and results.", images: ["https://nexus-digital.com/twitter-image.png"],
},
robots: {
index: true,

View File

@@ -4,9 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Zap, Sparkles, MessageSquare } from "lucide-react";
import { Zap, Sparkles, Award, TrendingUp, MessageSquare, Rocket } from "lucide-react";
export default function HomePage() {
return (
@@ -26,8 +29,7 @@ export default function HomePage() {
<NavbarStyleMinimal
brandName="NEXUS DIGITAL"
button={{
text: "Start Project",
href: "/contact"
text: "Start Project", href: "/contact"
}}
className="backdrop-blur-md bg-opacity-80"
buttonClassName="px-6 py-2 rounded-full font-semibold"
@@ -44,8 +46,8 @@ export default function HomePage() {
imageSrc="https://img.b2bpic.net/free-photo/businessman-navigates-pc-check-corporation-profit_482257-85709.jpg"
imageAlt="Modern Miami digital marketing agency workspace"
buttons={[
{ text: "Explore Services", href: "/services" },
{ text: "View Portfolio", href: "/portfolio" }
{ text: "Explore Services", href: "features" },
{ text: "View Portfolio", href: "product" }
]}
className="relative overflow-hidden"
containerClassName="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"
@@ -66,35 +68,99 @@ export default function HomePage() {
textboxLayout="default"
animationType="slide-up"
gridVariant="three-columns-all-equal-width"
useInvertedBackground="invertDefault"
useInvertedBackground="noInvert"
features={[
{
title: "Brand Strategy & Positioning",
description: "Develop compelling brand narratives that resonate with your target audience and establish market authority",
imageSrc: "https://img.b2bpic.net/free-vector/neon-business-cards-pack_23-2148566003.jpg",
imageAlt: "Brand strategy and positioning services"
title: "Brand Strategy & Positioning", description: "Develop compelling brand narratives that resonate with your target audience and establish market authority", imageSrc: "https://img.b2bpic.net/free-vector/neon-business-cards-pack_23-2148566003.jpg", imageAlt: "Brand strategy and positioning services"
},
{
title: "Digital Marketing Campaigns",
description: "Data-driven campaigns across social media, search, and display networks maximizing ROI and engagement",
imageSrc: "https://img.b2bpic.net/free-vector/geometric-business-cards-template_23-2149151388.jpg",
imageAlt: "Digital marketing campaign management"
title: "Digital Marketing Campaigns", description: "Data-driven campaigns across social media, search, and display networks maximizing ROI and engagement", imageSrc: "https://img.b2bpic.net/free-vector/geometric-business-cards-template_23-2149151388.jpg", imageAlt: "Digital marketing campaign management"
},
{
title: "Content & Media Production",
description: "Premium video, photography, and content creation that tells your brand story with cinematic excellence",
imageSrc: "https://img.b2bpic.net/free-vector/colorful-minimal-business-card-template_23-2148374363.jpg",
imageAlt: "Content and media production services"
title: "Content & Media Production", description: "Premium video, photography, and content creation that tells your brand story with cinematic excellence", imageSrc: "https://img.b2bpic.net/free-vector/colorful-minimal-business-card-template_23-2148374363.jpg", imageAlt: "Content and media production services"
}
]}
containerClassName="max-w-7xl mx-auto"
titleClassName="text-4xl md:text-5xl font-bold"
descriptionClassName="text-base md:text-lg opacity-80 max-w-2xl"
textBoxTitleClassName="text-4xl md:text-5xl font-bold"
textBoxDescriptionClassName="text-base md:text-lg opacity-80 max-w-2xl"
cardTitleClassName="text-xl font-bold mt-4"
cardDescriptionClassName="text-sm opacity-75 leading-relaxed"
/>
</div>
<div id="product" data-section="product">
<ProductCardTwo
title="Portfolio Highlights"
description="Showcase of transformative projects delivered for innovative brands across diverse industries"
tag="Recent Work"
tagIcon={Award}
textboxLayout="default"
animationType="scale-rotate"
gridVariant="three-columns-all-equal-width"
useInvertedBackground="noInvert"
products={[
{
id: "1", brand: "TechVenture Labs", name: "AI-Powered Startup Launch Campaign", price: "$450K+ Revenue Generated", rating: 5,
reviewCount: "328%", imageSrc: "https://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169864.jpg", imageAlt: "Tech startup marketing campaign results"
},
{
id: "2", brand: "Luxe Retail Co", name: "E-commerce Platform Redesign", price: "$2.1M Sales Increase", rating: 5,
reviewCount: "156%", imageSrc: "https://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169863.jpg", imageAlt: "E-commerce platform redesign success"
},
{
id: "3", brand: "CloudFlow Systems", name: "SaaS Growth Marketing Strategy", price: "$890K ARR Growth", rating: 5,
reviewCount: "412%", imageSrc: "https://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461319.jpg", imageAlt: "SaaS marketing strategy execution results"
}
]}
containerClassName="max-w-7xl mx-auto"
textBoxTitleClassName="text-4xl md:text-5xl font-bold"
textBoxDescriptionClassName="text-base md:text-lg opacity-80 max-w-2xl"
cardNameClassName="text-lg font-bold mt-3"
cardPriceClassName="text-xl font-bold mt-2 text-cyan-400"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
title="Proven Impact & Results"
description="Measurable outcomes that demonstrate our commitment to delivering transformative marketing solutions"
tag="Our Track Record"
tagIcon={TrendingUp}
textboxLayout="default"
animationType="blur-reveal"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground="noInvert"
metrics={[
{
id: "1", value: "150+", title: "Successful Campaign Launches", items: [
"Across 8+ Industries", "Global Reach", "Consistent Excellence"
]
},
{
id: "2", value: "$85M+", title: "Total Client Revenue Generated", items: [
"Documented ROI", "Performance-Driven", "Transparent Tracking"
]
},
{
id: "3", value: "98%", title: "Client Satisfaction Rate", items: [
"Long-term Partnerships", "Repeat Business", "Industry Leading"
]
},
{
id: "4", value: "12+", title: "Awards & Industry Recognition", items: [
"Marketing Excellence", "Innovation Leader", "Best Agency Wins"
]
}
]}
containerClassName="max-w-7xl mx-auto"
textBoxTitleClassName="text-4xl md:text-5xl font-bold"
textBoxDescriptionClassName="text-base md:text-lg opacity-80 max-w-2xl"
valueClassName="text-5xl font-bold text-cyan-400"
metricTitleClassName="text-lg font-semibold mt-2"
featureItemClassName="text-sm opacity-75 flex items-center gap-2"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
title="What Our Clients Say"
@@ -108,57 +174,27 @@ export default function HomePage() {
topMarqueeDirection="left"
testimonials={[
{
id: "1",
name: "Marcus Johnson",
handle: "CEO, TechVenture Labs",
testimonial: "NEXUS Digital transformed our go-to-market strategy. Within 6 months, we achieved 10x growth and secured Series B funding. Their strategic insight is unmatched.",
imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
imageAlt: "Marcus Johnson"
id: "1", name: "Marcus Johnson", handle: "CEO, TechVenture Labs", testimonial: "NEXUS Digital transformed our go-to-market strategy. Within 6 months, we achieved 10x growth and secured Series B funding. Their strategic insight is unmatched.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Marcus Johnson"
},
{
id: "2",
name: "Sarah Chen",
handle: "Founder, Luxe Retail Co",
testimonial: "The e-commerce platform redesign increased conversion rates by 245%. NEXUS doesn't just execute campaigns—they build businesses. Phenomenal partnership.",
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: "Sarah Chen"
id: "2", name: "Sarah Chen", handle: "Founder, Luxe Retail Co", testimonial: "The e-commerce platform redesign increased conversion rates by 245%. NEXUS doesn't just execute campaigns—they build businesses. Phenomenal partnership.", 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: "Sarah Chen"
},
{
id: "3",
name: "David Rodriguez",
handle: "VP Marketing, CloudFlow Systems",
testimonial: "Working with NEXUS elevated our brand position in the SaaS space. Their data-driven approach and creative excellence delivered exceptional results every single time.",
imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
imageAlt: "David Rodriguez"
id: "3", name: "David Rodriguez", handle: "VP Marketing, CloudFlow Systems", testimonial: "Working with NEXUS elevated our brand position in the SaaS space. Their data-driven approach and creative excellence delivered exceptional results every single time.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", imageAlt: "David Rodriguez"
},
{
id: "4",
name: "Jessica Williams",
handle: "CMO, Digital Innovations Inc",
testimonial: "Their team brings both strategic thinking and creative excellence. We've more than tripled our marketing ROI and established market leadership in our vertical.",
imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
imageAlt: "Jessica Williams"
id: "4", name: "Jessica Williams", handle: "CMO, Digital Innovations Inc", testimonial: "Their team brings both strategic thinking and creative excellence. We've more than tripled our marketing ROI and established market leadership in our vertical.", imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", imageAlt: "Jessica Williams"
},
{
id: "5",
name: "Thomas Park",
handle: "Creative Director, Design House Miami",
testimonial: "NEXUS understands the Miami market like no other agency. They've positioned our brand as an industry innovator. Truly exceptional work and partnership.",
imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
imageAlt: "Thomas Park"
id: "5", name: "Thomas Park", handle: "Creative Director, Design House Miami", testimonial: "NEXUS understands the Miami market like no other agency. They've positioned our brand as an industry innovator. Truly exceptional work and partnership.", imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", imageAlt: "Thomas Park"
},
{
id: "6",
name: "Amanda Foster",
handle: "Marketing Lead, Growth Dynamics",
testimonial: "From strategy to execution, NEXUS delivers with precision and innovation. Their futuristic approach to marketing has set us apart from competitors.",
imageSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
imageAlt: "Amanda Foster"
id: "6", name: "Amanda Foster", handle: "Marketing Lead, Growth Dynamics", testimonial: "From strategy to execution, NEXUS delivers with precision and innovation. Their futuristic approach to marketing has set us apart from competitors.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg", imageAlt: "Amanda Foster"
}
]}
containerClassName="max-w-7xl mx-auto"
titleClassName="text-4xl md:text-5xl font-bold"
descriptionClassName="text-base md:text-lg opacity-80 max-w-2xl"
textBoxTitleClassName="text-4xl md:text-5xl font-bold"
textBoxDescriptionClassName="text-base md:text-lg opacity-80 max-w-2xl"
cardClassName="p-6 rounded-2xl backdrop-blur-lg"
testimonialClassName="text-base leading-relaxed line-clamp-2"
nameClassName="font-bold text-cyan-400"
@@ -166,40 +202,73 @@ export default function HomePage() {
/>
</div>
<FooterLogoEmphasis
logoText="NEXUS DIGITAL"
columns={[
{
items: [
{ label: "Services", href: "/services" },
{ label: "Portfolio", href: "/portfolio" },
{ label: "About", href: "/about" }
]
},
{
items: [
{ label: "Testimonials", href: "#testimonials" },
{ label: "Contact", href: "/contact" },
{ label: "Case Studies", href: "/case-studies" }
]
},
{
items: [
{ label: "Privacy Policy", href: "#privacy" },
{ label: "Terms & Conditions", href: "#terms" },
{ label: "Cookie Settings", href: "#cookies" }
]
}
]}
ariaLabel="Site footer"
className="py-12 md:py-16 border-t border-white/10"
containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
logoClassName="text-3xl font-bold text-cyan-400 text-center mb-12"
columnsClassName="grid grid-cols-1 md:grid-cols-3 gap-8"
columnClassName="space-y-3"
itemClassName="flex items-center gap-2 text-sm opacity-80 hover:opacity-100 transition-opacity"
buttonClassName="inline-flex items-center gap-2 hover:gap-3 transition-all"
/>
<div id="contact" data-section="contact">
<ContactSplit
tag="Get In Touch"
title="Start Your Digital Transformation"
description="Let's explore how NEXUS Digital can elevate your brand and drive measurable growth. Our team is ready to discuss your vision and craft a custom strategy that delivers exceptional results."
useInvertedBackground="noInvert"
imageSrc="https://img.b2bpic.net/free-photo/close-up-young-colleagues-having-meeting_23-2149060239.jpg"
imageAlt="NEXUS Digital team collaboration"
mediaPosition="right"
tagIcon={Rocket}
inputPlaceholder="your@email.com"
buttonText="Schedule Consultation"
termsText="We respect your privacy. Expect a response within 24 hours. Unsubscribe anytime."
onSubmit={(email) => {
console.log('Email submitted:', email);
alert('Thank you! We will be in touch within 24 hours.');
}}
className="py-16 md:py-24"
containerClassName="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"
contentClassName="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center"
contactFormClassName="space-y-6"
tagClassName="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-gradient-to-r from-cyan-500/20 to-magenta-500/20"
titleClassName="text-4xl md:text-5xl font-bold"
descriptionClassName="text-base opacity-80 leading-relaxed"
formClassName="space-y-4"
inputClassName="w-full px-4 py-3 rounded-full bg-white/10 backdrop-blur-sm border border-white/20 focus:border-cyan-400"
buttonClassName="w-full px-6 py-3 rounded-full font-semibold bg-gradient-to-r from-cyan-500 to-magenta-500 hover:shadow-lg transition-all"
termsClassName="text-xs opacity-60"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="NEXUS DIGITAL"
columns={[
{
items: [
{ label: "Services", href: "features" },
{ label: "Portfolio", href: "product" },
{ label: "Impact", href: "metrics" }
]
},
{
items: [
{ label: "About Us", href: "#about" },
{ label: "Testimonials", href: "testimonials" },
{ label: "Contact", href: "contact" }
]
},
{
items: [
{ label: "Privacy Policy", href: "#privacy" },
{ label: "Terms & Conditions", href: "#terms" },
{ label: "Cookie Settings", href: "#cookies" }
]
}
]}
ariaLabel="Site footer"
className="py-12 md:py-16 border-t border-white/10"
containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
logoClassName="text-3xl font-bold text-cyan-400 text-center mb-12"
columnsClassName="grid grid-cols-1 md:grid-cols-3 gap-8"
columnClassName="space-y-3"
itemClassName="flex items-center gap-2 text-sm opacity-80 hover:opacity-100 transition-opacity"
buttonClassName="inline-flex items-center gap-2 hover:gap-3 transition-all"
/>
</div>
</ThemeProvider>
);
}