235 lines
12 KiB
TypeScript
235 lines
12 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||
import { Sparkles } from 'lucide-react';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="mediumLarge"
|
||
sizing="mediumLargeSizeLargeTitles"
|
||
background="fluid"
|
||
cardStyle="subtle-shadow"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="normal"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{ name: "About", id: "about" },
|
||
{ name: "Services", id: "services" },
|
||
{ name: "Audit", id: "audit" }
|
||
]}
|
||
brandName="Brute.Media"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardRotatedCarousel
|
||
title="Your physique is elite. Your content should be too."
|
||
description="We help serious bodybuilders and fitness competitors build their brand online — growing audiences, attracting sponsors, and turning dedication into income."
|
||
background={{ variant: "plain" }}
|
||
buttons={[
|
||
{ text: "Get a Free Audit", href: "#audit" },
|
||
{ text: "See Packages", href: "#services" }
|
||
]}
|
||
carouselItems={[
|
||
{
|
||
id: "stat-1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-tired-handsome-african-sports-man-resting-after-workout_171337-9476.jpg?_wi=1", imageAlt: "muscular athlete portrait dark studio lighting"
|
||
},
|
||
{
|
||
id: "stat-2", imageSrc: "http://img.b2bpic.net/free-photo/fencing_654080-2258.jpg?_wi=1", imageAlt: "fit competitor confident pose studio dark"
|
||
},
|
||
{
|
||
id: "stat-3", imageSrc: "http://img.b2bpic.net/free-psd/gym-fitness-social-media-banner-instagram-post-template_106176-5250.jpg?_wi=1", imageAlt: "athlete social media content showcase"
|
||
},
|
||
{
|
||
id: "stat-4", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-tired-handsome-african-sports-man-resting-after-workout_171337-9476.jpg?_wi=2", imageAlt: "muscular athlete portrait dark studio lighting"
|
||
},
|
||
{
|
||
id: "stat-5", imageSrc: "http://img.b2bpic.net/free-photo/fencing_654080-2258.jpg?_wi=2", imageAlt: "fit competitor confident pose studio dark"
|
||
},
|
||
{
|
||
id: "stat-6", imageSrc: "http://img.b2bpic.net/free-psd/gym-fitness-social-media-banner-instagram-post-template_106176-5250.jpg?_wi=2", imageAlt: "athlete social media content showcase"
|
||
}
|
||
]}
|
||
autoPlay={true}
|
||
autoPlayInterval={4000}
|
||
ariaLabel="Hero section with athlete carousel"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<SplitAbout
|
||
title="Built for athletes who are serious about more."
|
||
description="Your physique is already impressive. Your online presence just needs to match it."
|
||
tag="Who We Are"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
bulletPoints={[
|
||
{
|
||
title: "Content Strategy", description: "Custom multi-platform content plans that grow your audience and engagement in 30-60 days."
|
||
},
|
||
{
|
||
title: "Video Editing & Production", description: "Professional cinematic edits optimized for Instagram, TikTok, and YouTube—every post engineered for reach."
|
||
},
|
||
{
|
||
title: "Sponsor Outreach", description: "We identify and pitch your brand to supplement companies, apparel sponsors, and fitness platforms looking for athletes like you."
|
||
},
|
||
{
|
||
title: "Analytics & Optimization", description: "Deep-dive reports showing what's working, competitor benchmarks, and data-driven recommendations for growth."
|
||
}
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/side-view-people-training-together-gym_23-2150290023.jpg?_wi=1"
|
||
imageAlt="fitness content creation studio setup"
|
||
imagePosition="right"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<PricingCardOne
|
||
title="Choose Your Plan"
|
||
description="Transparent pricing. No surprises. Built for athletes at every stage."
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
plans={[
|
||
{
|
||
id: "foundation", badge: "Foundation", price: "$500", subtitle: "Perfect for getting started", features: [
|
||
"8 high-quality videos per month", "Professional captions & hashtags", "Content calendar & posting schedule", "Monthly performance summary", "Email support"
|
||
]
|
||
},
|
||
{
|
||
id: "momentum", badge: "★ Most Popular", badgeIcon: Sparkles,
|
||
price: "$1,000", subtitle: "Designed for growth-focused athletes", features: [
|
||
"12 high-quality videos per month", "Full content & strategy plan", "Weekly performance analytics", "1 monthly strategy call", "Engagement optimization", "Posting schedule & calendar", "Priority email support"
|
||
]
|
||
},
|
||
{
|
||
id: "sponsorship", badge: "Elite", price: "$1,500", subtitle: "All-in-one brand agency", features: [
|
||
"16 high-quality videos per month", "Everything in Momentum plan", "Sponsor outreach & pitching", "Media kit creation", "Pitch deck for sponsors", "Priority 24-hour support", "Monthly growth strategy session"
|
||
]
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardSeven
|
||
title="Our Promise"
|
||
description="500 followers in 30 days. Or you don't pay."
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
animationType="slide-up"
|
||
metrics={[
|
||
{
|
||
id: "metric-1", value: "500+", title: "Followers in 30 days", items: [
|
||
"Guaranteed or money back", "Real engaged followers only", "No bots or fake accounts"
|
||
]
|
||
},
|
||
{
|
||
id: "metric-2", value: "3×", title: "Average engagement increase", items: [
|
||
"60-day proven results", "Across all platforms", "Verified client data"
|
||
]
|
||
},
|
||
{
|
||
id: "metric-3", value: "90", title: "Days to first brand deal", items: [
|
||
"Average time for our clients", "Sponsor partnerships included", "Done-for-you outreach"
|
||
]
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFifteen
|
||
testimonial="Brute Media transformed how I present myself online. Within 60 days, my engagement tripled and I landed two sponsorships I never thought were possible. They don't just make content—they build brands for athletes who deserve better."
|
||
rating={5}
|
||
author="Marcus Johnson, NPC Competitor"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-woman-ready-duty_23-2149222740.jpg", alt: "Marcus Johnson"
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/front-view-stoic-basketball-player-holding-ball_23-2148432546.jpg", alt: "Sarah Chen"
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-624.jpg", alt: "David Rodriguez"
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/man-posing-while-smoking_1296-449.jpg", alt: "Emma Wilson"
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/brutal-bearded-muscular-male-holds-dumbbell-grey-vignette-background_613910-207.jpg", alt: "James Mitchell"
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/cool-ethnic-with-phone-armband-headphones_23-2148203566.jpg", alt: "Lisa Anderson"
|
||
}
|
||
]}
|
||
ratingAnimation="slide-up"
|
||
avatarsAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="audit" data-section="audit">
|
||
<ContactSplit
|
||
tag="Let's Talk"
|
||
title="Free Page Audit"
|
||
description="Send us your Instagram handle and we'll analyze your current content strategy, engagement metrics, and growth potential. You'll get a detailed report with actionable recommendations within 24 hours."
|
||
inputPlaceholder="@yourusername"
|
||
buttonText="Request Audit"
|
||
termsText="We'll review your page and send a detailed audit. No spam, no sales call pressure—just honest feedback."
|
||
background={{ variant: "plain" }}
|
||
imageSrc="http://img.b2bpic.net/free-photo/side-view-people-training-together-gym_23-2150290023.jpg?_wi=2"
|
||
imageAlt="fitness content creation studio setup"
|
||
mediaPosition="right"
|
||
mediaAnimation="slide-up"
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseReveal
|
||
columns={[
|
||
{
|
||
title: "Product", items: [
|
||
{ label: "Services", href: "#services" },
|
||
{ label: "Pricing", href: "#services" },
|
||
{ label: "Case Studies", href: "#" }
|
||
]
|
||
},
|
||
{
|
||
title: "Company", items: [
|
||
{ label: "About Us", href: "#about" },
|
||
{ label: "Our Team", href: "#" },
|
||
{ label: "Careers", href: "#" }
|
||
]
|
||
},
|
||
{
|
||
title: "Connect", items: [
|
||
{ label: "Instagram", href: "https://instagram.com/brute.media" },
|
||
{ label: "Contact", href: "#audit" },
|
||
{ label: "Free Audit", href: "#audit" }
|
||
]
|
||
}
|
||
]}
|
||
copyrightText="© 2025 Brute Media. Built for elite athletes."
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
} |