Merge version_1 into main #2
210
src/app/page.tsx
210
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarou
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { MessageSquare, Sparkles } from "lucide-react";
|
||||
import { MessageSquare, Sparkles, Zap, Share2, BarChart2, TrendingUp, Search } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,73 +31,46 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MediaCore"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Elevate Your Digital Presence"
|
||||
description="MediaCore transforms your brand through data-driven strategies and compelling social media content. Reach your audience, amplify your impact, and drive sustainable growth."
|
||||
tag="Innovative Marketing Agency"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Our Services", href: "#services"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-waves-background-with-flowing-particles_1048-18665.jpg?_wi=1",
|
||||
imageAlt: "Digital marketing dashboard interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-waves-background-with-flowing-particles_1048-18665.jpg", imageAlt: "Digital marketing dashboard interface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207982.jpg?_wi=1",
|
||||
imageAlt: "Creative marketing team collaboration",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207982.jpg", imageAlt: "Creative marketing team collaboration"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-economy-growth_23-2148541986.jpg?_wi=1",
|
||||
imageAlt: "Social media analytics growth chart",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-economy-growth_23-2148541986.jpg", imageAlt: "Social media analytics growth chart"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207962.jpg?_wi=1",
|
||||
imageAlt: "Modern digital design workstation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207962.jpg", imageAlt: "Modern digital design workstation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/realistic-satin-silk-red-color-ai-generated-image_511042-663.jpg?_wi=1",
|
||||
imageAlt: "Abstract brand identity visualization",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/realistic-satin-silk-red-color-ai-generated-image_511042-663.jpg", imageAlt: "Abstract brand identity visualization"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-typing-his-phone-desk_1150-170.jpg",
|
||||
imageAlt: "Mobile content engagement interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-typing-his-phone-desk_1150-170.jpg", imageAlt: "Mobile content engagement interface"},
|
||||
]}
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
@@ -110,23 +83,15 @@ export default function LandingPage() {
|
||||
description="We specialize in bridging the gap between brand identity and consumer engagement. With over a decade of experience, we craft narratives that resonate and drive measurable business success."
|
||||
metrics={[
|
||||
{
|
||||
value: "150+",
|
||||
title: "Successful Campaigns",
|
||||
},
|
||||
value: "150+", title: "Successful Campaigns"},
|
||||
{
|
||||
value: "2.5M+",
|
||||
title: "Engaged Users",
|
||||
},
|
||||
value: "2.5M+", title: "Engaged Users"},
|
||||
{
|
||||
value: "300%",
|
||||
title: "Average Growth",
|
||||
},
|
||||
value: "300%", title: "Average Growth"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Strategy Support",
|
||||
},
|
||||
value: "24/7", title: "Strategy Support"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-concrete-stairs_400718-31.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-concrete-stairs_400718-31.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
imageAlt="Sleek and modern high-tech agency office workspace"
|
||||
@@ -139,40 +104,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Content Strategy",
|
||||
description: "Tailored content planning that aligns with your specific market and business goals.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-waves-background-with-flowing-particles_1048-18665.jpg?_wi=2",
|
||||
imageAlt: "digital marketing agency concept",
|
||||
},
|
||||
title: "Content Strategy", description: "Tailored content planning that aligns with your specific market and business goals.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-waves-background-with-flowing-particles_1048-18665.jpg", imageAlt: "digital marketing agency concept"},
|
||||
{
|
||||
title: "Social Media Management",
|
||||
description: "End-to-end management of your social channels with daily community engagement.",
|
||||
buttonIcon: "Share2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207982.jpg?_wi=2",
|
||||
imageAlt: "creative marketing team collaboration",
|
||||
},
|
||||
title: "Social Media Management", description: "End-to-end management of your social channels with daily community engagement.", buttonIcon: Share2,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207982.jpg", imageAlt: "creative marketing team collaboration"},
|
||||
{
|
||||
title: "Performance Analytics",
|
||||
description: "Detailed reporting and data-backed insights to refine your marketing performance.",
|
||||
buttonIcon: "BarChart2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-economy-growth_23-2148541986.jpg?_wi=2",
|
||||
imageAlt: "social media growth analytics",
|
||||
},
|
||||
title: "Performance Analytics", description: "Detailed reporting and data-backed insights to refine your marketing performance.", buttonIcon: BarChart2,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-economy-growth_23-2148541986.jpg", imageAlt: "social media growth analytics"},
|
||||
{
|
||||
title: "Growth Consulting",
|
||||
description: "Actionable strategies to scale your reach and maximize your return on ad spend.",
|
||||
buttonIcon: "TrendingUp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207962.jpg?_wi=2",
|
||||
imageAlt: "graphic design workflow creative",
|
||||
},
|
||||
title: "Growth Consulting", description: "Actionable strategies to scale your reach and maximize your return on ad spend.", buttonIcon: TrendingUp,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207962.jpg", imageAlt: "graphic design workflow creative"},
|
||||
{
|
||||
title: "SEO Optimization",
|
||||
description: "Advanced search engine techniques to improve your organic visibility.",
|
||||
buttonIcon: "Search",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/realistic-satin-silk-red-color-ai-generated-image_511042-663.jpg?_wi=2",
|
||||
imageAlt: "brand identity development tech",
|
||||
},
|
||||
title: "SEO Optimization", description: "Advanced search engine techniques to improve your organic visibility.", buttonIcon: Search,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/realistic-satin-silk-red-color-ai-generated-image_511042-663.jpg", imageAlt: "brand identity development tech"},
|
||||
]}
|
||||
title="Comprehensive Marketing Solutions"
|
||||
description="Our core services designed to accelerate your growth and dominate the digital landscape."
|
||||
@@ -184,30 +129,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-outline-business-side-face-male_1194-3839.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/confident-outline-business-side-face-male_1194-3839.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-smartphone_23-2148815644.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-smartphone_23-2148815644.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-disabilities-invalid-disabled-paralized-handicapped-immobilized-looking-camera-upset-tired-sitting-wheelchair-business-office-room-working-financial-project-with-team_482257-28442.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-disabilities-invalid-disabled-paralized-handicapped-immobilized-looking-camera-upset-tired-sitting-wheelchair-business-office-room-working-financial-project-with-team_482257-28442.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-tunnel_23-2147876777.jpg",
|
||||
},
|
||||
id: "5", name: "Robert Smith", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-tunnel_23-2147876777.jpg"},
|
||||
]}
|
||||
cardTitle="Client Success Stories"
|
||||
cardTag="Testimonials"
|
||||
@@ -222,36 +152,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What makes your agency different?",
|
||||
content: "Our data-first approach and personalized creative strategies set us apart.",
|
||||
},
|
||||
id: "1", title: "What makes your agency different?", content: "Our data-first approach and personalized creative strategies set us apart."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How do you track success?",
|
||||
content: "We use proprietary analytics tools to provide real-time reporting.",
|
||||
},
|
||||
id: "2", title: "How do you track success?", content: "We use proprietary analytics tools to provide real-time reporting."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can you handle multiple channels?",
|
||||
content: "Yes, we are experts in managing cross-platform marketing campaigns.",
|
||||
},
|
||||
id: "3", title: "Can you handle multiple channels?", content: "Yes, we are experts in managing cross-platform marketing campaigns."},
|
||||
{
|
||||
id: "4",
|
||||
title: "What is the onboarding process?",
|
||||
content: "We start with a discovery call, audit your current presence, and then build a custom roadmap.",
|
||||
},
|
||||
id: "4", title: "What is the onboarding process?", content: "We start with a discovery call, audit your current presence, and then build a custom roadmap."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Do you offer long-term contracts?",
|
||||
content: "We offer flexible engagement models tailored to your project scope and goals.",
|
||||
},
|
||||
id: "5", title: "Do you offer long-term contracts?", content: "We offer flexible engagement models tailored to your project scope and goals."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our marketing process? Here's what our clients usually ask."
|
||||
faqsAnimation="slide-up"
|
||||
tag="Support"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-concrete-stairs_400718-31.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-concrete-stairs_400718-31.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -263,28 +178,17 @@ export default function LandingPage() {
|
||||
description="Ready to scale? Connect with our team to discuss how MediaCore can help elevate your digital presence."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "company",
|
||||
type: "text",
|
||||
placeholder: "Company Name",
|
||||
required: false,
|
||||
name: "company", type: "text", placeholder: "Company Name", required: false,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your project...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/computer-printed-circui_1398-120.jpg"
|
||||
@@ -298,33 +202,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Case Studies",
|
||||
href: "#",
|
||||
},
|
||||
label: "Case Studies", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user