15 Commits

Author SHA1 Message Date
f740b4f581 Update src/app/page.tsx 2026-03-04 01:49:10 +00:00
53238d4b1b Update src/app/layout.tsx 2026-03-04 01:49:09 +00:00
86d7ff1ae7 Merge version_5 into main
Merge version_5 into main
2026-03-04 01:44:41 +00:00
a6c49698c3 Update src/app/page.tsx 2026-03-04 01:44:37 +00:00
21f31eebe4 Update src/app/layout.tsx 2026-03-04 01:44:36 +00:00
f0cb8b64c9 Merge version_4 into main
Merge version_4 into main
2026-03-04 01:43:20 +00:00
26e96e72fa Update src/app/shop/page.tsx 2026-03-04 01:43:16 +00:00
226e4033c1 Update src/app/page.tsx 2026-03-04 01:43:15 +00:00
93ba8420c4 Merge version_4 into main
Merge version_4 into main
2026-03-04 01:42:34 +00:00
e7fd763f77 Add src/app/shop/page.tsx 2026-03-04 01:42:30 +00:00
13918aea18 Update src/app/page.tsx 2026-03-04 01:42:29 +00:00
850c076624 Merge version_3 into main
Merge version_3 into main
2026-03-04 01:35:52 +00:00
697c787e78 Update src/app/page.tsx 2026-03-04 01:35:46 +00:00
196767a2ce Update src/app/layout.tsx 2026-03-04 01:35:46 +00:00
1f20370f7c Merge version_2 into main
Merge version_2 into main
2026-03-04 01:33:52 +00:00
3 changed files with 137 additions and 60 deletions

View File

@@ -1,55 +1,20 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Archivo } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const archivo = Archivo({
variable: "--font-archivo", subsets: ["latin"],
});
const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
title: "Marketing Agency | Creative Growth Strategies", description: "Transform your brand with data-driven marketing strategies. 150+ successful campaigns. Expert team delivering measurable results.", keywords: "marketing agency, digital marketing, brand strategy, social media marketing, content marketing, performance marketing", robots: {
index: true,
follow: true,
},
openGraph: {
title: "Marketing Pro - Transform Your Brand", description: "Creative and data-driven marketing solutions for brand growth.", url: "https://marketingpro.com", siteName: "Marketing Pro", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/happy-young-colleagues-office-coworking_171337-17719.jpg", alt: "marketing team creative professional"},
],
},
twitter: {
card: "summary_large_image", title: "Marketing Pro - Transform Your Brand", description: "Creative and data-driven marketing solutions for brand growth.", images: [
"http://img.b2bpic.net/free-photo/happy-young-colleagues-office-coworking_171337-17719.jpg"],
},
};
title: "Marketing Pro - Data-Driven Marketing Excellence", description: "Transform your brand with proven marketing strategies. We craft data-driven campaigns that elevate your brand, engage your audience, and drive measurable growth."};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${archivo.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body className={inter.className}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1417,7 +1382,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

View File

@@ -3,7 +3,7 @@
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
@@ -11,7 +11,7 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Award, Facebook, Heart, Instagram, Linkedin, Mail, Sparkles, Target, TrendingUp, Twitter, Users } from "lucide-react";
import { Award, Facebook, Heart, Instagram, Linkedin, Mail, Sparkles, Target, TrendingUp, Twitter, Users, ArrowRight } from "lucide-react";
export default function LandingPage() {
return (
@@ -35,15 +35,14 @@ export default function LandingPage() {
{ name: "Portfolio", id: "portfolio" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
{ name: "Blog", id: "https://blog.marketingpro.com" },
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
title="Transform Your Brand"
description="We craft data-driven marketing strategies that elevate your brand, engage your audience, and drive measurable growth. Partner with experts who understand your vision."
title="Drive 300% ROI Growth Within 90 Days"
description="Unlock measurable revenue acceleration through data-driven marketing strategies. Then partner with experts who understand your vision and deliver proven results."
tag="Marketing Excellence"
tagIcon={Sparkles}
tagAnimation="slide-up"
@@ -55,7 +54,7 @@ export default function LandingPage() {
buttonAnimation="blur-reveal"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/tablet-shows-analytics-data-meeting_482257-120318.jpg", imageAlt: "Digital marketing strategy and analytics"},
imageSrc: "http://img.b2bpic.net/free-photo/tablet-shows-analytics-data-meeting_482257-120318.jpg?_wi=1", imageAlt: "Digital marketing strategy and analytics"},
{
imageSrc: "http://img.b2bpic.net/free-vector/creative-abstract-company-card_23-2148455818.jpg", imageAlt: "Creative brand identity design"},
]}
@@ -83,7 +82,7 @@ export default function LandingPage() {
</div>
<div id="services" data-section="services">
<FeatureCardEight
<FeatureCardTwentySix
title="Our Core Services"
description="Comprehensive marketing solutions designed to accelerate your business growth and brand presence"
tag="What We Offer"
@@ -91,17 +90,17 @@ export default function LandingPage() {
tagAnimation="slide-up"
features={[
{
id: 1,
title: "Social Media Marketing", description: "Strategic campaigns across all major platforms to engage your audience and build brand loyalty", imageSrc: "http://img.b2bpic.net/free-photo/social-media-marketing-concept-marketing-with-applications_23-2150063161.jpg", imageAlt: "Social media marketing campaigns"},
title: "Social Media Marketing", description: "Strategic campaigns across all major platforms to engage your audience and build brand loyalty", imageSrc: "http://img.b2bpic.net/free-photo/social-media-marketing-concept-marketing-with-applications_23-2150063161.jpg", imageAlt: "Social media marketing campaigns", buttonIcon: ArrowRight,
buttonHref: "#"},
{
id: 2,
title: "Content Creation & Strategy", description: "Compelling storytelling that resonates with your audience and drives meaningful engagement", imageSrc: "http://img.b2bpic.net/free-photo/media-journalism-global-daily-news-content-concept_53876-123733.jpg", imageAlt: "Content creation and copywriting"},
title: "Content Creation & Strategy", description: "Compelling storytelling that resonates with your audience and drives meaningful engagement", imageSrc: "http://img.b2bpic.net/free-photo/media-journalism-global-daily-news-content-concept_53876-123733.jpg", imageAlt: "Content creation and copywriting", buttonIcon: ArrowRight,
buttonHref: "#"},
{
id: 3,
title: "Performance Analytics", description: "Data-driven insights that measure results, optimize campaigns, and maximize ROI", imageSrc: "http://img.b2bpic.net/free-photo/employee-editing-documents-desktop-computer-office-desk_482257-126550.jpg", imageAlt: "Analytics and performance metrics"},
title: "Performance Analytics", description: "Data-driven insights that measure results, optimize campaigns, and maximize ROI", imageSrc: "http://img.b2bpic.net/free-photo/employee-editing-documents-desktop-computer-office-desk_482257-126550.jpg", imageAlt: "Analytics and performance metrics", buttonIcon: ArrowRight,
buttonHref: "#"},
{
id: 4,
title: "Brand Development", description: "Full-service branding from identity design to brand voice that sets you apart", imageSrc: "http://img.b2bpic.net/free-vector/colorful-minimal-business-card-template_23-2148373393.jpg", imageAlt: "Brand identity and logo design"},
title: "Brand Development", description: "Full-service branding from identity design to brand voice that sets you apart", imageSrc: "http://img.b2bpic.net/free-vector/colorful-minimal-business-card-template_23-2148373393.jpg", imageAlt: "Brand identity and logo design", buttonIcon: ArrowRight,
buttonHref: "#"},
]}
textboxLayout="default"
useInvertedBackground={true}
@@ -174,7 +173,7 @@ export default function LandingPage() {
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "Schedule Consultation", href: "#contact" }]}
buttons={[]}
buttonAnimation="slide-up"
/>
</div>
@@ -217,7 +216,7 @@ export default function LandingPage() {
tagAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/businesswomen-doing-interview_1098-663.jpg"
imageSrc="http://img.b2bpic.net/free-photo/businesswomen-doing-interview_1098-663.jpg?_wi=1"
imageAlt="Business consultation and growth"
mediaAnimation="slide-up"
mediaPosition="right"
@@ -249,4 +248,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}

114
src/app/shop/page.tsx Normal file
View File

@@ -0,0 +1,114 @@
"use client";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Award, Facebook, Heart, Instagram, Linkedin, Mail, ShoppingCart, Twitter } from "lucide-react";
export default function ShopPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="medium"
sizing="large"
background="circleGradient"
cardStyle="gradient-mesh"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Marketing Pro"
navItems={[
{ name: "Services", id: "services" },
{ name: "Portfolio", id: "portfolio" },
{ name: "About", id: "about" },
{ name: "Shop", id: "/shop" },
{ name: "Contact", id: "contact" },
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
title="Shop Our Products"
description="Browse our collection of premium marketing tools and resources to elevate your brand"
tag="Products"
tagIcon={ShoppingCart}
tagAnimation="slide-up"
products={[
{
id: "1", name: "Brand Strategy Guide", price: "$49.99", imageSrc: "http://img.b2bpic.net/free-photo/business-books-desk-office_1098-660.jpg", imageAlt: "Brand strategy guide", onProductClick: () => console.log('clicked'),
},
{
id: "2", name: "Social Media Templates", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/laptop-social-media-marketing_23-2150063158.jpg", imageAlt: "Social media templates", onProductClick: () => console.log('clicked'),
},
{
id: "3", name: "Content Calendar Kit", price: "$39.99", imageSrc: "http://img.b2bpic.net/free-photo/calendar-planner-office-desk_1098-661.jpg", imageAlt: "Content calendar kit", onProductClick: () => console.log('clicked'),
},
{
id: "4", name: "Analytics Dashboard Pro", price: "$99.99", imageSrc: "http://img.b2bpic.net/free-photo/tablet-shows-analytics-data-meeting_482257-120318.jpg?_wi=2", imageAlt: "Analytics dashboard", onProductClick: () => console.log('clicked'),
},
{
id: "5", name: "Email Campaign Builder", price: "$59.99", imageSrc: "http://img.b2bpic.net/free-photo/email-marketing-campaign_23-2150063159.jpg", imageAlt: "Email campaign builder", onProductClick: () => console.log('clicked'),
},
{
id: "6", name: "Video Marketing Bundle", price: "$79.99", imageSrc: "http://img.b2bpic.net/free-photo/video-production-setup_23-2150063160.jpg", imageAlt: "Video marketing bundle", onProductClick: () => console.log('clicked'),
},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "View All Products", href: "/shop" }]}
buttonAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Get Support"
tagIcon={Mail}
title="Have questions about our products?"
description="Our team is here to help you find the perfect solution for your marketing needs. Reach out and let's discuss what works best for you."
tagAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/businesswomen-doing-interview_1098-663.jpg?_wi=2"
imageAlt="Product support and consultation"
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="your@email.com"
buttonText="Contact Us"
termsText="We respect your privacy. Unsubscribe anytime. See our privacy policy for details."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Marketing Pro"
copyrightText="© 2025 Marketing Pro Agency. All rights reserved."
socialLinks={[
{
icon: Twitter,
href: "https://twitter.com/marketingpro", ariaLabel: "Follow us on Twitter"},
{
icon: Linkedin,
href: "https://linkedin.com/company/marketingpro", ariaLabel: "Connect on LinkedIn"},
{
icon: Instagram,
href: "https://instagram.com/marketingpro", ariaLabel: "Follow us on Instagram"},
{
icon: Facebook,
href: "https://facebook.com/marketingpro", ariaLabel: "Like us on Facebook"},
]}
/>
</div>
</ThemeProvider>
);
}