Initial commit
This commit is contained in:
137
src/app/page.tsx
Normal file
137
src/app/page.tsx
Normal file
@@ -0,0 +1,137 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { Sparkles, Zap, Mail, Linkedin, Twitter, Globe, Award } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="none"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
brandName="Marketing Pro"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Team", id: "/team" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
bottomLeftText="Global Marketing Solutions"
|
||||
bottomRightText="hello@marketingpro.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
title="Transform Your Brand with Data-Driven Marketing"
|
||||
description="Strategic campaigns that connect with your audience, drive engagement, and deliver measurable results for your business growth."
|
||||
tag="Agency"
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{ text: "Start Your Strategy", href: "/contact" },
|
||||
{ text: "Explore Services", href: "/services" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/top-view-different-business-notes-notepad-dark-background-business-plan-job-teamwork-leadership-strategy-work-marketing-free-space_179666-19759.jpg", imageAlt: "Digital marketing strategy planning creative business" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/top-view-different-business-notes-notepad-dark-background-business-job-teamwork-leadership-plan-strategy-work-marketing_179666-19755.jpg", imageAlt: "Content creation and marketing campaigns" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/top-view-different-business-notes-notepad-dark-surface-business-job-teamwork-marketing-leadership-plan-strategy-work_179666-19757.jpg", imageAlt: "Social media marketing and engagement" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/closeup-hands-business-meeting_93675-132448.jpg", imageAlt: "SEO and search engine optimization" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/strategy-technique-tactic-word-concept_53876-133628.jpg", imageAlt: "Email marketing and customer communication" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyOne
|
||||
title="Our Marketing Services"
|
||||
description="Comprehensive solutions designed to elevate your brand presence and achieve your business objectives through strategic, data-driven approaches."
|
||||
tag="Services"
|
||||
tagIcon={Zap}
|
||||
buttons={[
|
||||
{ text: "Schedule Consultation", href: "/contact" }
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/business-scene-top-view_23-2147626514.jpg"
|
||||
imageAlt="Marketing strategy and planning"
|
||||
mediaPosition="left"
|
||||
useInvertedBackground="invertDefault"
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Strategic Branding & Positioning",
|
||||
content: "Develop a compelling brand identity that resonates with your target audience. We craft messaging, visual identity, and positioning strategies that differentiate your business in the market and create lasting impressions."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Digital Marketing Campaigns",
|
||||
content: "Execute targeted campaigns across search, social, and display channels. Our team optimizes ad spend, creates engaging creative assets, and leverages data analytics to maximize ROI and drive qualified leads."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Content Strategy & Creation",
|
||||
content: "Build authority through high-quality content that educates and engages your audience. From blog posts to video production, we create assets that drive organic traffic and establish your brand as an industry leader."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Analytics & Performance Optimization",
|
||||
content: "Track, measure, and optimize every campaign element. We provide detailed reporting, actionable insights, and continuous improvements to ensure your marketing delivers sustainable business growth."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153838.jpg"
|
||||
imageAlt="Marketing agency team workspace"
|
||||
logoText="Marketing Pro"
|
||||
copyrightText="© 2025 Marketing Pro Agency. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{ label: "Brand Strategy", href: "/services" },
|
||||
{ label: "Digital Marketing", href: "/services" },
|
||||
{ label: "Content Creation", href: "/services" },
|
||||
{ label: "Analytics", href: "/services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Team", href: "/team" },
|
||||
{ label: "Case Studies", href: "/portfolio" },
|
||||
{ label: "Blog", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{ label: "hello@marketingpro.com", href: "mailto:hello@marketingpro.com" },
|
||||
{ label: "(555) 123-4567", href: "tel:+15551234567" },
|
||||
{ label: "Get Started", href: "/contact" },
|
||||
{ label: "Schedule Call", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user