13 Commits

Author SHA1 Message Date
024f605094 Update src/app/team/page.tsx 2026-04-09 16:42:43 +00:00
f31f1ae6af Update src/app/services/page.tsx 2026-04-09 16:42:43 +00:00
b1ed41746d Update src/app/pricing/page.tsx 2026-04-09 16:42:42 +00:00
af5523d09a Update src/app/portfolio/page.tsx 2026-04-09 16:42:42 +00:00
11487ded37 Update src/app/team/page.tsx 2026-04-09 16:42:18 +00:00
552fa4fa51 Update src/app/services/page.tsx 2026-04-09 16:42:17 +00:00
348f1c5c9f Update src/app/pricing/page.tsx 2026-04-09 16:42:17 +00:00
8411b53fe7 Update src/app/portfolio/page.tsx 2026-04-09 16:42:17 +00:00
d282f373c3 Add src/app/team/page.tsx 2026-04-09 16:41:41 +00:00
4d07b2a4ca Add src/app/services/page.tsx 2026-04-09 16:41:41 +00:00
219f37f349 Add src/app/pricing/page.tsx 2026-04-09 16:41:40 +00:00
ff8a48514c Add src/app/portfolio/page.tsx 2026-04-09 16:41:40 +00:00
59f95dfbb2 Update src/app/page.tsx 2026-04-09 16:41:39 +00:00
5 changed files with 246 additions and 152 deletions

View File

@@ -30,47 +30,26 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Services",
id: "#features",
},
{
name: "Results",
id: "#metrics",
},
{
name: "Testimonials",
id: "#testimonials",
},
{ name: "About", id: "/#about" },
{ name: "Services", id: "/#features" },
{ name: "Pricing", id: "/pricing" },
{ name: "Team", id: "/team" },
]}
brandName="Vantage Media"
button={{
text: "Get Proposal",
href: "#contact",
}}
text: "Get Proposal", href: "/#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
logoText="Vantage Media"
description="We scale high-growth brands through hyper-targeted social media strategies and cinematic content creation."
buttons={[
{
text: "Book Strategy Call",
href: "#contact",
},
{
text: "Our Portfolio",
href: "#features",
},
{ text: "Book Strategy Call", href: "/#contact" },
{ text: "Our Portfolio", href: "/#features" },
]}
imageSrc="http://img.b2bpic.net/free-photo/internet-social-technology-digital-connection-device_53876-133750.jpg"
mediaAnimation="slide-up"
@@ -93,21 +72,9 @@ export default function LandingPage() {
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
features={[
{
title: "Performance Analytics",
description: "Real-time tracking and optimization of all campaigns.",
imageSrc: "http://img.b2bpic.net/free-photo/male-tourist-flying-with-airplane-using-laptop-browse-internet-website-sunset-flight-man-travelling-economy-class-arrive-holiday-destination-aerial-transport_482257-46702.jpg",
},
{
title: "Content Production",
description: "Cinematic visual assets that resonate with your audience.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-happy-record-make-up-video_23-2148586368.jpg",
},
{
title: "Strategic Growth",
description: "Personalized growth roadmaps for every stage of your brand.",
imageSrc: "http://img.b2bpic.net/free-photo/graph-data-show-summary-analysis-icon-graphic_53876-128061.jpg",
},
{ title: "Performance Analytics", description: "Real-time tracking and optimization of all campaigns.", imageSrc: "http://img.b2bpic.net/free-photo/male-tourist-flying-with-airplane-using-laptop-browse-internet-website-sunset-flight-man-travelling-economy-class-arrive-holiday-destination-aerial-transport_482257-46702.jpg" },
{ title: "Content Production", description: "Cinematic visual assets that resonate with your audience.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-happy-record-make-up-video_23-2148586368.jpg" },
{ title: "Strategic Growth", description: "Personalized growth roadmaps for every stage of your brand.", imageSrc: "http://img.b2bpic.net/free-photo/graph-data-show-summary-analysis-icon-graphic_53876-128061.jpg" },
]}
title="Core Services"
description="Everything you need to dominate the social landscape."
@@ -121,27 +88,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "15M+",
title: "Total Reach",
description: "Average monthly impressions generated.",
icon: Users,
},
{
id: "m2",
value: "450%",
title: "Growth Rate",
description: "Average ROI across client accounts.",
icon: TrendingUp,
},
{
id: "m3",
value: "120+",
title: "Campaigns",
description: "Successfully launched and scaled.",
icon: Zap,
},
{ id: "m1", value: "15M+", title: "Total Reach", description: "Average monthly impressions generated.", icon: Users },
{ id: "m2", value: "450%", title: "Growth Rate", description: "Average ROI across client accounts.", icon: TrendingUp },
{ id: "m3", value: "120+", title: "Campaigns", description: "Successfully launched and scaled.", icon: Zap },
]}
title="Agency Milestones"
description="Proven results for ambitious brands."
@@ -154,61 +103,13 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Jenkins",
role: "CEO",
company: "TechInnovate",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg",
},
{
id: "2",
name: "Marcus Thorne",
role: "CTO",
company: "GrowthLoop",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-tablet_23-2149005455.jpg",
},
{
id: "3",
name: "Elena Rodriguez",
role: "CMO",
company: "VividDigital",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/scientist-factory-using-tablet-check-photovoltaics-materials-parameters_482257-120526.jpg",
},
{
id: "4",
name: "David Wu",
role: "Founder",
company: "StartupX",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg",
},
{
id: "5",
name: "Jessica Lane",
role: "Head of Marketing",
company: "Zenith",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-people-having-meeting_1098-19536.jpg",
},
]}
kpiItems={[
{
value: "400%",
label: "Avg. Engagement",
},
{
value: "12x",
label: "Scaling Speed",
},
{
value: "98%",
label: "Retention Rate",
},
{ id: "1", name: "Sarah Jenkins", role: "CEO", company: "TechInnovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg" },
{ id: "2", name: "Marcus Thorne", role: "CTO", company: "GrowthLoop", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-tablet_23-2149005455.jpg" },
{ id: "3", name: "Elena Rodriguez", role: "CMO", company: "VividDigital", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/scientist-factory-using-tablet-check-photovoltaics-materials-parameters_482257-120526.jpg" },
{ id: "4", name: "David Wu", role: "Founder", company: "StartupX", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg" },
{ id: "5", name: "Jessica Lane", role: "Head of Marketing", company: "Zenith", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-people-having-meeting_1098-19536.jpg" },
]}
kpiItems={[{ value: "400%", label: "Avg. Engagement" }, { value: "12x", label: "Scaling Speed" }, { value: "98%", label: "Retention Rate" }]}
title="Client Success"
description="Trusted by industry leaders worldwide."
/>
@@ -218,8 +119,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Let's Connect"
title="Ready to scale your presence?"
description="Book a discovery call and see how we can transform your digital strategy."
@@ -231,36 +131,8 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg"
logoText="Vantage Media"
columns={[
{
title: "Agency",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Our Work",
href: "#features",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ title: "Agency", items: [{ label: "About Us", href: "/#about" }, { label: "Our Work", href: "/#features" }, { label: "Pricing", href: "/pricing" }, { label: "Team", href: "/team" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
copyrightText="© 2025 | Vantage Media"
/>
@@ -268,4 +140,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -0,0 +1,68 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
export default function PortfolioPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="small"
sizing="mediumLargeSizeLargeTitles"
background="grid"
cardStyle="gradient-radial"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "About", id: "/#about" },
{ name: "Portfolio", id: "/portfolio" },
{ name: "Services", id: "/#features" },
{ name: "Results", id: "/#metrics" },
]}
brandName="Vantage Media"
button={{ text: "Get Proposal", href: "/#contact" }}
/>
</div>
<div id="projects" data-section="features">
<FeatureCardThree
title="Selected Portfolio"
description="Showcasing our impact through data-driven campaigns and creative excellence."
textboxLayout="default"
gridVariant="one-large-left-three-stacked-right"
animationType="slide-up"
useInvertedBackground={false}
features={[
{ title: "Brand Launch", description: "Scale from 0 to 1M monthly impressions within 3 months.", imageSrc: "http://img.b2bpic.net/free-photo/internet-social-technology-digital-connection-device_53876-133750.jpg" },
{ title: "Conversion Optimization", description: "4x increase in lead conversion for e-commerce.", imageSrc: "http://img.b2bpic.net/free-photo/graph-data-show-summary-analysis-icon-graphic_53876-128061.jpg" },
{ title: "Cinematic Campaign", description: "High-retention video assets for premium fashion brand.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-happy-record-make-up-video_23-2148586368.jpg" },
{ title: "Community Growth", description: "Organic social expansion for tech pioneers.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797653.jpg?_wi=1" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
logoText="Vantage Media"
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797653.jpg?_wi=2"
columns={[
{ title: "Agency", items: [{ label: "About Us", href: "/#about" }, { label: "Our Work", href: "/portfolio" }, { label: "Careers", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}
copyrightText="© 2025 | Vantage Media"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

46
src/app/pricing/page.tsx Normal file
View File

@@ -0,0 +1,46 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import ReactLenis from "lenis/react";
export default function PricingPage() {
return (
<ThemeProvider defaultButtonVariant="shift-hover" defaultTextAnimation="entrance-slide" borderRadius="soft" contentWidth="medium" sizing="medium" background="grid" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ReactLenis root>
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/#about" },
{ name: "Pricing", id: "/pricing" },
{ name: "Team", id: "/team" },
]}
brandName="Vantage Media"
button={{ text: "Get Proposal", href: "/#contact" }}
/>
<PricingCardOne
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Choose Your Growth Path"
description="Flexible tiers designed for every stage of your digital journey."
plans={[
{ id: "starter", badge: "Essential", price: "$2,999", subtitle: "For early-stage brands", features: ["Social Audit", "2x Posts/Week", "Monthly Report"] },
{ id: "growth", badge: "Scale", price: "$5,999", subtitle: "For growing companies", features: ["Full Strategy", "5x Posts/Week", "Performance Ads", "Priority Support"] },
{ id: "enterprise", badge: "Dominance", price: "Custom", subtitle: "For industry leaders", features: ["Everything in Scale", "Daily Content", "Full Team Access", "Dedicated Account Manager"] }
]}
/>
<FooterMedia
logoText="Vantage Media"
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797653.jpg?_wi=3"
columns={[
{ title: "Agency", items: [{ label: "About Us", href: "/#about" }, { label: "Our Work", href: "/#features" }, { label: "Pricing", href: "/pricing" }, { label: "Team", href: "/team" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
/>
</ReactLenis>
</ThemeProvider>
);
}

53
src/app/services/page.tsx Normal file
View File

@@ -0,0 +1,53 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function ServicesPage() {
return (
<ThemeProvider defaultButtonVariant="shift-hover" defaultTextAnimation="entrance-slide" borderRadius="soft" contentWidth="medium" sizing="medium" background="grid" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ReactLenis root>
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/#about" },
{ name: "Services", id: "/services" },
{ name: "Results", id: "/#metrics" },
]}
brandName="Vantage Media"
button={{ text: "Contact", href: "/#contact" }}
/>
<div className="pt-32 pb-20">
<FeatureCardTwentyEight
title="Our Professional Services"
description="Comprehensive solutions designed to elevate your brand's digital footprint."
textboxLayout="split"
animationType="slide-up"
useInvertedBackground={false}
features={[
{
id: "s1", category: "Strategy", title: "Social Media Strategy", subtitle: "Tailored roadmaps for brand growth.", value: "High-Impact"},
{
id: "s2", category: "Creative", title: "Content Creation", subtitle: "Cinematic production for social platforms.", value: "Premium"},
{
id: "s3", category: "Growth", title: "Advertising Campaigns", subtitle: "Hyper-targeted performance marketing.", value: "Data-Driven"},
{
id: "s4", category: "Management", title: "Community Management", subtitle: "Building lasting engagement with your audience.", value: "Consistent"}
]}
/>
</div>
<FooterMedia
logoText="Vantage Media"
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797653.jpg?_wi=4"
columns={[
{ title: "Agency", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }] }
]}
/>
</ReactLenis>
</ThemeProvider>
);
}

55
src/app/team/page.tsx Normal file
View File

@@ -0,0 +1,55 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import ReactLenis from "lenis/react";
export default function TeamPage() {
return (
<ThemeProvider defaultButtonVariant="shift-hover" defaultTextAnimation="entrance-slide" borderRadius="soft" contentWidth="medium" sizing="medium" background="grid" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ReactLenis root>
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/#about" },
{ name: "Pricing", id: "/pricing" },
{ name: "Team", id: "/team" },
]}
brandName="Vantage Media"
button={{ text: "Get Proposal", href: "/#contact" }}
/>
<TeamCardEleven
animationType="slide-up"
textboxLayout="default"
title="Our Experts"
description="Meet the creative minds behind our success."
useInvertedBackground={false}
groups={[
{
id: "leadership", groupTitle: "Management", members: [
{ id: "m1", title: "Alex Rivers", subtitle: "CEO & Founder", detail: "10+ years in digital growth." },
{ id: "m2", title: "Jordan Smith", subtitle: "COO", detail: "Expert in scaling operations." }
]
},
{
id: "creative", groupTitle: "Creative", members: [
{ id: "c1", title: "Sam Lee", subtitle: "Creative Director", detail: "Visual storytelling maestro." },
{ id: "c2", title: "Casey West", subtitle: "Lead Strategist", detail: "Data-driven audience growth." }
]
}
]}
/>
<FooterMedia
logoText="Vantage Media"
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797653.jpg?_wi=5"
columns={[
{ title: "Agency", items: [{ label: "About Us", href: "/#about" }, { label: "Our Work", href: "/#features" }, { label: "Pricing", href: "/pricing" }, { label: "Team", href: "/team" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
/>
</ReactLenis>
</ThemeProvider>
);
}