209 lines
11 KiB
TypeScript
209 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Zap, Shield } from 'lucide-react';
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Manifesto", id: "hero" },
|
|
{ name: "Services", id: "features" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" }
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="largeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={navItems}
|
|
brandName="Revolution Digital"
|
|
bottomLeftText="Elite Digital Transformation"
|
|
bottomRightText="hello@revolutiondigital.io"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="THE DIGITAL REVOLUTION IS HERE"
|
|
description="Stop losing customers to outdated tech. We deploy elite, high-speed websites and professional AI assistants for small businesses at prices that make sense."
|
|
tag="Modern Equalizer"
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Am6HmwYYicG9DTaOhl5cOOUSDv/a-cutting-edge-web-dashboard-interface-w-1773185810548-c8b2ffb3.png"
|
|
imageAlt="Elite digital dashboard interface"
|
|
buttons={[
|
|
{ text: "Get Started Free", href: "pricing" },
|
|
{ text: "Learn More", href: "/about" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Why Revolution Digital Exists"
|
|
description="Giant corporations have monopolized elite technology. We believe every small business deserves access to the same cutting-edge tools, premium performance, and intelligent automation—without the premium price tag. Speed. Cleanliness. Affordability. That's the revolution."
|
|
tag="Our Edge"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Am6HmwYYicG9DTaOhl5cOOUSDv/modern-illustration-of-a-small-business--1773185809119-e041a84e.png"
|
|
imageAlt="Small business owner using advanced technology"
|
|
buttons={[{ text: "Join the Revolution", href: "pricing" }]}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyOne
|
|
title="Built on Three Pillars"
|
|
description="We focus on what matters: delivering elite performance without the enterprise overhead."
|
|
tag="Core Values"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Am6HmwYYicG9DTaOhl5cOOUSDv/performance-metrics-visualization-showin-1773185808806-7f04d2bc.png"
|
|
imageAlt="Performance metrics visualization"
|
|
mediaPosition="right"
|
|
mediaAnimation="none"
|
|
accordionItems={[
|
|
{
|
|
id: "1", title: "⚡ Lightning-Fast Performance", content: "Ultra-clean, optimized code. Zero bloat. Your site loads in milliseconds. Mobile, desktop, worldwide—consistent speed across every device and connection."
|
|
},
|
|
{
|
|
id: "2", title: "🎨 Obsidian Clean Design", content: "Dark-mode elite aesthetic. Professional, cinematic, futuristic. Every pixel purposeful. Zero clutter. We don't build beautiful sites—we build conversion machines that happen to look stunning."
|
|
},
|
|
{
|
|
id: "3", title: "💰 Ruthlessly Affordable", content: "Enterprise-grade features. Small-business pricing. No hidden fees. No long-term contracts. You get premium AI assistants, advanced analytics, and priority support at a fraction of what competitors charge."
|
|
}
|
|
]}
|
|
buttons={[{ text: "See Pricing", href: "pricing" }]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardOne
|
|
title="The Armory: Choose Your Arsenal"
|
|
description="Three tiers of elite digital transformation. Pick your level. Scale as you grow."
|
|
tag="Pricing"
|
|
plans={[
|
|
{
|
|
id: "soldier", badge: "THE SOLDIER", badgeIcon: Shield,
|
|
price: "$800", subtitle: "Perfect Professional Presence", features: [
|
|
"Ultra-clean landing page", "Mobile-responsive design", "Lightning-fast load speeds", "Essential contact integration", "Monthly performance audit", "1 month free support"
|
|
]
|
|
},
|
|
{
|
|
id: "militia", badge: "THE MILITIA", badgeIcon: Zap,
|
|
price: "$1,000", subtitle: "Strategic Business Command", features: [
|
|
"Multi-page custom website", "Advanced branding system", "Enhanced lead-capture forms", "Monthly performance tuning", "Analytics dashboard", "3 months premium support", "AI-ready infrastructure"
|
|
]
|
|
},
|
|
{
|
|
id: "army", badge: "THE ARMY", badgeIcon: Shield,
|
|
price: "$1,500", subtitle: "Total Business Dominance", features: [
|
|
"UNLIMITED custom pages", "Enterprise branding suite", "Advanced CRM integration", "Priority 24/7 support", "Custom AI Assistant (Chatbot)", "Lead qualification automation", "Monthly strategy sessions", "Quarterly performance reviews"
|
|
]
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
buttons={[{ text: "Start Your Revolution", href: "/contact" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="What Our Clients Say"
|
|
description="Real feedback from small business owners who've joined the revolution."
|
|
tag="Testimonials"
|
|
showRating={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Chen", handle: "@sarahchen_ventures", testimonial: "Revolution Digital transformed our online presence in 30 days. The speed alone converted 40% more leads. Worth every penny.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Am6HmwYYicG9DTaOhl5cOOUSDv/professional-headshot-of-a-confident-sma-1773185808192-f72e35f9.png", imageAlt: "Professional headshot of a confident small business owner"
|
|
},
|
|
{
|
|
id: "2", name: "Marcus Johnson", handle: "@marcus_marketing", testimonial: "Finally got the AI chatbot I've always wanted without enterprise pricing. Our support team went from overwhelmed to empowered.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Am6HmwYYicG9DTaOhl5cOOUSDv/professional-headshot-of-another-busines-1773185808203-2ef15803.png", imageAlt: "Professional headshot of another business professional"
|
|
},
|
|
{
|
|
id: "3", name: "Elena Rodriguez", handle: "@elena_startups", testimonial: "Their obsidian design aesthetic is pure class. Clients ask if we're a Fortune 500 company. The premium feel is undeniable.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Am6HmwYYicG9DTaOhl5cOOUSDv/professional-headshot-of-a-business-cons-1773185808292-a57a4c65.png", imageAlt: "Professional headshot of a business consultant"
|
|
},
|
|
{
|
|
id: "4", name: "David Park", handle: "@davidpark_tech", testimonial: "The team executed flawlessly. Clean code, responsive design, and their 24/7 support actually delivers. Revolutionary.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Am6HmwYYicG9DTaOhl5cOOUSDv/professional-headshot-of-a-tech-entrepre-1773185808901-8a40962d.png", imageAlt: "Professional headshot of a tech entrepreneur"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Ready to Revolutionize?"
|
|
tagIcon={Zap}
|
|
title="Conquer Your Market"
|
|
description="Elite tools. Affordable pricing. Unmatched support. Your competitors are falling behind. Join the revolution today."
|
|
buttons={[
|
|
{ text: "Schedule Your Consultation", href: "/contact" },
|
|
{ text: "View Pricing", href: "pricing" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{ label: "The Soldier", href: "pricing" },
|
|
{ label: "The Militia", href: "pricing" },
|
|
{ label: "The Army", href: "pricing" },
|
|
{ label: "Features", href: "features" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Our Mission", href: "/about" },
|
|
{ label: "Contact", href: "/contact" },
|
|
{ label: "Blog", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "Sitemap", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2026 Revolution Digital. The Modern Equalizer. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |