261 lines
16 KiB
TypeScript
261 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroLogo from "@/components/sections/hero/HeroLogo";
|
|
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
|
|
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
|
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
|
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
|
import { Sparkles, TrendingUp, Users, Target, Award } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="grid"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Process", id: "process" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{ text: "Get Started", href: "contact" }}
|
|
brandName="Emnion"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Emnion"
|
|
description="Strategic marketing solutions that drive growth and transform your brand into an industry leader"
|
|
buttons={[
|
|
{ text: "Explore Our Services", href: "services" },
|
|
{ text: "Schedule Consultation", href: "contact" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/businessman-holding-tablet-with-digital-marketing-concept_9975-22100.jpg"
|
|
imageAlt="Marketing strategy and digital transformation"
|
|
showDimOverlay={true}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="Emnion Marketing Hero Section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSix
|
|
title="Our Services"
|
|
description="Comprehensive marketing solutions tailored to elevate your brand and drive measurable results"
|
|
tag="What We Offer"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Digital Strategy & Planning", description: "We develop comprehensive digital marketing strategies aligned with your business goals and market opportunities", imageSrc: "http://img.b2bpic.net/free-photo/working-office_1150-121.jpg", imageAlt: "Digital strategy planning session"},
|
|
{
|
|
id: 2,
|
|
title: "Social Media & Content", description: "Engaging content creation and social media management that builds community and drives engagement", imageSrc: "http://img.b2bpic.net/free-photo/beauty-blogger-live-streaming-makeup-review-video-online_53876-98461.jpg", imageAlt: "Social media campaign execution"},
|
|
{
|
|
id: 3,
|
|
title: "Analytics & Optimization", description: "Data-driven insights and continuous optimization to maximize ROI and performance across all channels", imageSrc: "http://img.b2bpic.net/free-photo/employee-editing-documents-desktop-computer-office-desk_482257-126550.jpg", imageAlt: "Performance analytics and reporting"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="process" data-section="process">
|
|
<FeatureCardSix
|
|
title="Our Process"
|
|
description="A proven methodology designed to deliver exceptional results and sustainable growth"
|
|
tag="How We Work"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Research & Discovery", description: "Deep dive into your market, competitors, and audience to understand opportunities and challenges", imageSrc: "http://img.b2bpic.net/free-photo/group-business-people-analysis-with-marketing-report-graph-young-specialists-are-discussing-business-ideas-new-digital-start-up-project_1150-1819.jpg", imageAlt: "Research and discovery phase"},
|
|
{
|
|
id: 2,
|
|
title: "Strategy Development", description: "Crafting a customized marketing strategy with clear objectives, messaging, and channel roadmap", imageSrc: "http://img.b2bpic.net/free-photo/co-workers-making-decisions_1098-1965.jpg", imageAlt: "Strategy development workshop"},
|
|
{
|
|
id: 3,
|
|
title: "Execution & Campaign Launch", description: "Professional implementation across all channels with meticulous attention to detail and timelines", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-overjoyed-business-people-conference-room-celerating-diverse-colleagues-with-new-opportunity-enjoing-victory-meeting-broadroom-office_482257-5101.jpg", imageAlt: "Campaign execution and launch"},
|
|
{
|
|
id: 4,
|
|
title: "Monitoring & Optimization", description: "Continuous performance tracking, testing, and optimization to maximize results and ROI", imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-gathering-information-from-internet-seminar_482257-119301.jpg", imageAlt: "Performance monitoring and optimization"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
title="Our Impact"
|
|
description="Proven results that demonstrate our commitment to client success and measurable growth"
|
|
tag="By The Numbers"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "1", icon: TrendingUp, title: "Average ROI Increase", value: "245%" },
|
|
{ id: "2", icon: Users, title: "Clients Served", value: "150+" },
|
|
{ id: "3", icon: Target, title: "Campaigns Delivered", value: "500+" },
|
|
{ id: "4", icon: Award, title: "Industry Recognition", value: "12" },
|
|
]}
|
|
animationType="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Our Clients Say"
|
|
description="Real feedback from businesses we've helped transform and scale"
|
|
tag="Testimonials"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", handle: "CEO, TechVenture Inc", testimonial: "Emnion completely transformed our marketing strategy. Their insights and execution elevated our brand visibility and doubled our leads within six months.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Sarah Johnson"},
|
|
{
|
|
id: "2", name: "Michael Chen", handle: "Marketing Director, GrowthCo", testimonial: "Working with Emnion was a game-changer. Their team's strategic thinking and creative execution delivered exceptional results that exceeded our expectations.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Michael Chen"},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", handle: "Founder, Digital Ventures", testimonial: "The team at Emnion brings expertise, professionalism, and genuine partnership. They don't just execute campaigns—they become part of your success story.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Emily Rodriguez"},
|
|
{
|
|
id: "4", name: "David Kim", handle: "COO, InnovateLab", testimonial: "Emnion's data-driven approach and creative excellence helped us achieve a 300% increase in customer acquisition. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "David Kim"},
|
|
{
|
|
id: "5", name: "Jessica Martinez", handle: "VP Marketing, StartupXYZ", testimonial: "Their strategic insights transformed how we approach marketing. The ROI speaks for itself—best investment we made this year.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Jessica Martinez"},
|
|
{
|
|
id: "6", name: "James Wilson", handle: "CEO, Enterprise Solutions", testimonial: "Emnion delivered a comprehensive strategy that positioned us as market leaders. Their team's dedication and expertise are unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "James Wilson"},
|
|
]}
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="About Emnion"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
title="Empowering Brands Through Strategic Marketing Excellence"
|
|
description="Emnion was founded on a simple belief: great marketing requires both creativity and strategy. We partner with ambitious businesses to develop and execute marketing solutions that deliver measurable growth. Our team combines industry expertise, innovative thinking, and unwavering commitment to client success."
|
|
metrics={[
|
|
{ value: "10+", title: "Years of Industry Experience" },
|
|
{ value: "99%", title: "Client Satisfaction Rate" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/creative-business-people-listening-colleague_58466-11715.jpg"
|
|
imageAlt="Emnion team collaboration and strategy"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our services, process, and partnership model"
|
|
tag="Help & Support"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
mediaAnimation="slide-up"
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What services does Emnion offer?", content: "We provide comprehensive digital marketing services including strategy development, social media management, content creation, analytics, and campaign optimization. We customize our approach to match your business goals and market position."},
|
|
{
|
|
id: "2", title: "How long does a typical campaign take?", content: "Campaign timelines vary based on scope and complexity. Most projects take 3-6 months to see significant results. We prioritize consistent progress tracking and provide monthly reports to keep you informed."},
|
|
{
|
|
id: "3", title: "How do you measure success?", content: "We establish clear KPIs aligned with your business objectives before launch. Success is measured through metrics like conversion rates, ROI, customer acquisition cost, engagement rates, and revenue impact."},
|
|
{
|
|
id: "4", title: "What makes Emnion different?", content: "We combine strategic thinking with creative excellence and data-driven optimization. Our team takes a consultative approach, becoming true partners in your growth rather than just service providers."},
|
|
{
|
|
id: "5", title: "Do you work with startups and enterprises?", content: "Yes! We work with businesses of all sizes, from ambitious startups to established enterprises. We scale our approach to match your stage, budget, and growth objectives."},
|
|
{
|
|
id: "6", title: "How often should I expect communication?", content: "We provide weekly check-ins during active campaigns, monthly performance reports, and quarterly strategy reviews. You'll have direct access to your account manager for ongoing communication."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/happy-young-businesswoman-talking-mobile-phone-cafe_1262-20247.jpg"
|
|
imageAlt="Team collaboration and support"
|
|
mediaPosition="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Let's Start Your Marketing Transformation"
|
|
description="Ready to elevate your brand? Reach out to our team today. We'll discuss your goals, challenges, and how Emnion can drive measurable growth for your business."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
|
{ name: "company", type: "text", placeholder: "Company Name", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number", required: false },
|
|
]}
|
|
textarea={{ name: "message", placeholder: "Tell us about your marketing goals and challenges...", rows: 5, required: true }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/happy-young-businesswoman-talking-mobile-phone-cafe_1262-20247.jpg"
|
|
imageAlt="Professional consultation"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Emnion"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Services", href: "#services" },
|
|
{ label: "Process", href: "#process" },
|
|
{ label: "About", href: "#about" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Contact", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "LinkedIn", href: "https://linkedin.com" },
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|