Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 26e96e72fa | |||
| 226e4033c1 | |||
| e7fd763f77 | |||
| 13918aea18 | |||
| 850c076624 | |||
| 697c787e78 | |||
| 196767a2ce | |||
| 1f20370f7c |
@@ -1,55 +1,20 @@
|
|||||||
import type { Metadata } from "next";
|
import type { Metadata } from "next";
|
||||||
import { Halant } from "next/font/google";
|
|
||||||
import { Inter } from "next/font/google";
|
import { Inter } from "next/font/google";
|
||||||
import { Archivo } from "next/font/google";
|
|
||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
|
||||||
import Tag from "@/tag/Tag";
|
|
||||||
|
|
||||||
const halant = Halant({
|
const inter = Inter({ subsets: ["latin"] });
|
||||||
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"],
|
|
||||||
});
|
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
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: {
|
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."};
|
||||||
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"],
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
children,
|
children,
|
||||||
}: Readonly<{
|
}: {
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}>) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en">
|
||||||
<ServiceWrapper>
|
<body className={inter.className}>{children}
|
||||||
<body
|
|
||||||
className={`${halant.variable} ${inter.variable} ${archivo.variable} antialiased`}
|
|
||||||
>
|
|
||||||
<Tag />
|
|
||||||
{children}
|
|
||||||
|
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
__html: `
|
__html: `
|
||||||
@@ -1417,7 +1382,6 @@ export default function RootLayout({
|
|||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</body>
|
</body>
|
||||||
</ServiceWrapper>
|
|
||||||
</html>
|
</html>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -34,8 +34,8 @@ export default function LandingPage() {
|
|||||||
{ name: "Services", id: "services" },
|
{ name: "Services", id: "services" },
|
||||||
{ name: "Portfolio", id: "portfolio" },
|
{ name: "Portfolio", id: "portfolio" },
|
||||||
{ name: "About", id: "about" },
|
{ name: "About", id: "about" },
|
||||||
|
{ name: "Shop", id: "/shop" },
|
||||||
{ name: "Contact", id: "contact" },
|
{ name: "Contact", id: "contact" },
|
||||||
{ name: "Blog", id: "https://blog.marketingpro.com" },
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -55,7 +55,7 @@ export default function LandingPage() {
|
|||||||
buttonAnimation="blur-reveal"
|
buttonAnimation="blur-reveal"
|
||||||
mediaItems={[
|
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"},
|
imageSrc: "http://img.b2bpic.net/free-vector/creative-abstract-company-card_23-2148455818.jpg", imageAlt: "Creative brand identity design"},
|
||||||
]}
|
]}
|
||||||
@@ -174,7 +174,7 @@ export default function LandingPage() {
|
|||||||
animationType="scale-rotate"
|
animationType="scale-rotate"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
buttons={[{ text: "Schedule Consultation", href: "#contact" }]}
|
buttons={[]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -217,7 +217,7 @@ export default function LandingPage() {
|
|||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
background={{ variant: "sparkles-gradient" }}
|
background={{ variant: "sparkles-gradient" }}
|
||||||
useInvertedBackground={false}
|
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"
|
imageAlt="Business consultation and growth"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
mediaPosition="right"
|
mediaPosition="right"
|
||||||
@@ -249,4 +249,4 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
114
src/app/shop/page.tsx
Normal file
114
src/app/shop/page.tsx
Normal 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>
|
||||||
|
);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user