402 lines
12 KiB
TypeScript
402 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Award, Github, Lock, Shield, Target, Twitter, UserCheck, Users, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSizeMediumTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "Products",
|
|
id: "products",
|
|
},
|
|
{
|
|
name: "Reviews",
|
|
id: "testimonials",
|
|
},
|
|
{
|
|
name: "FAQ",
|
|
id: "faq",
|
|
},
|
|
]}
|
|
brandName="Elite Configs"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
background={{
|
|
variant: "sparkles-gradient",
|
|
}}
|
|
title="Elite Performance Configurations"
|
|
description="Unlock the true potential of your software with our premium UE and Kicia configurations. Precision-engineered for maximum competitive advantage."
|
|
buttons={[
|
|
{
|
|
text: "View Products",
|
|
href: "#products",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-abstract-background-futuristic-circle-tunnel-with-glowing-neon-blue-lights_181624-61521.jpg?_wi=1"
|
|
imageAlt="Futuristic Configuration UI"
|
|
mediaAnimation="blur-reveal"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cool-futuristic-background-with-golden-flashing-lights_181624-10519.jpg",
|
|
alt: "Community Member 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-techno-lights-creating-cool-shapes-cool-background_181624-24673.jpg",
|
|
alt: "Community Member 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/building-night-with-windows-illuminated-with-red-white-lights_23-2151966506.jpg",
|
|
alt: "Community Member 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/3d-modern-plexus-low-poly-design-with-selective-focus_1048-12167.jpg",
|
|
alt: "Community Member 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/gradient-old-device-studio_23-2150778568.jpg",
|
|
alt: "Community Member 5",
|
|
},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "100% Undetectable",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Lifetime Updates",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Instant Delivery",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Pro-Tier Support",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Engineered for Performance",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Optimized Engine",
|
|
description: "Perfectly tuned parameters for Unreal Engine games.",
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-space-rocket-model_23-2151113236.jpg",
|
|
},
|
|
items: [
|
|
{
|
|
icon: Zap,
|
|
text: "High FPS Boost",
|
|
},
|
|
{
|
|
icon: Shield,
|
|
text: "Detection Avoidance",
|
|
},
|
|
],
|
|
reverse: false,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-background-futuristic-circle-tunnel-with-glowing-neon-blue-lights_181624-61521.jpg?_wi=2",
|
|
imageAlt: "digital product icon tech",
|
|
},
|
|
{
|
|
title: "Legit & Safe",
|
|
description: "Natural movement and humanized actions for legit play.",
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-vector/vector-set-futuristic-abstract-hud-frames-science-text-box-hologram-borders-scifi-labels_88138-2168.jpg",
|
|
},
|
|
items: [
|
|
{
|
|
icon: UserCheck,
|
|
text: "Natural behavior",
|
|
},
|
|
{
|
|
icon: Lock,
|
|
text: "Enhanced security",
|
|
},
|
|
],
|
|
reverse: true,
|
|
imageSrc: "http://img.b2bpic.net/free-vector/digital-marketing-template-with-icons_23-2147501096.jpg",
|
|
imageAlt: "digital product icon tech",
|
|
},
|
|
{
|
|
title: "Advanced Logic",
|
|
description: "Kicia-based logic for advanced gameplay scenarios.",
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-sale_23-2152027241.jpg?_wi=1",
|
|
},
|
|
items: [
|
|
{
|
|
icon: Cpu,
|
|
text: "Advanced algorithms",
|
|
},
|
|
{
|
|
icon: Target,
|
|
text: "Extreme precision",
|
|
},
|
|
],
|
|
reverse: false,
|
|
imageSrc: "http://img.b2bpic.net/free-vector/20-software-engineering-video-gaming-flat-color-icon-pack-like-start-game-network-science-developer_1142-17859.jpg?_wi=1",
|
|
imageAlt: "digital product icon tech",
|
|
},
|
|
]}
|
|
title="Why Choose Our Configs?"
|
|
description="Designed for gamers who refuse to compromise on quality or performance."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "UE Rage Config",
|
|
price: "$29.99",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/notebook-icon-front-side-with-white-background_187299-39912.jpg",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "UE Legit Config",
|
|
price: "$19.99",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-shopping-online-web-template_23-2148526822.jpg",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "Kicia Rage Config",
|
|
price: "$34.99",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hud-user-interface-technology-spaceship-virtual-reality-game-with-infographic-chart-navigation-button_90220-1368.jpg",
|
|
},
|
|
{
|
|
id: "p4",
|
|
name: "Kicia Legit Config",
|
|
price: "$24.99",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-sale_23-2152027241.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "p5",
|
|
name: "Combo Pack: UE",
|
|
price: "$39.99",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/20-software-engineering-video-gaming-flat-color-icon-pack-like-start-game-network-science-developer_1142-17859.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "p6",
|
|
name: "Combo Pack: Kicia",
|
|
price: "$44.99",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blue-abstract-cascade-by-optical-fibers_23-2148241297.jpg",
|
|
},
|
|
]}
|
|
title="Our Configurations"
|
|
description="Choose the perfect configuration for your gaming needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
icon: Users,
|
|
title: "Active Users",
|
|
value: "10,000+",
|
|
},
|
|
{
|
|
id: "m2",
|
|
icon: Zap,
|
|
title: "Avg FPS Boost",
|
|
value: "+45%",
|
|
},
|
|
{
|
|
id: "m3",
|
|
icon: Award,
|
|
title: "Successful Configs",
|
|
value: "50,000+",
|
|
},
|
|
]}
|
|
title="Performance Metrics"
|
|
description="Trusted by players worldwide."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Alex K.",
|
|
role: "Pro Player",
|
|
company: "GlobalEsports",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/professional-gamer-disappointed-after-losing-livestream_482257-115598.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Marcus S.",
|
|
role: "Streamer",
|
|
company: "Twitch",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419476.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Sarah J.",
|
|
role: "Developer",
|
|
company: "TechAlpha",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-with-headphones_23-2149705880.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David W.",
|
|
role: "Gamer",
|
|
company: "Freelance",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-sporty-man-with-wrist-bandage-wearing-headphones-pretending-running-isolated-pink-wall_141793-78519.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Elena R.",
|
|
role: "Competitive",
|
|
company: "EsportsOrg",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/black-teen-smiling-girl-headset-playing-video-games-video-game-club-with-blue-red-illumination_1268-24602.jpg",
|
|
},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "5.0",
|
|
label: "Avg Rating",
|
|
},
|
|
{
|
|
value: "100%",
|
|
label: "Client Satisfaction",
|
|
},
|
|
{
|
|
value: "24/7",
|
|
label: "Support",
|
|
},
|
|
]}
|
|
title="Customer Reviews"
|
|
description="What our community says about us."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "f1",
|
|
title: "Are these safe to use?",
|
|
content: "Yes, our configurations are designed to be undetectable and optimized for safety.",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "How do I install them?",
|
|
content: "Each purchase includes a comprehensive setup guide with simple steps.",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Do I get updates?",
|
|
content: "Yes, all purchases include lifetime updates for your specific config.",
|
|
},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about our products."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social" data-section="social">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Unreal Engine",
|
|
"Steam",
|
|
"Discord",
|
|
"Twitch",
|
|
"Esports",
|
|
"Competitive",
|
|
"Gaming",
|
|
]}
|
|
title="Trusted Platforms"
|
|
description="Compatible with top gaming engines and clients."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Elite Configs"
|
|
copyrightText="© 2025 Elite Configs. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: Twitter,
|
|
href: "#",
|
|
ariaLabel: "Twitter",
|
|
},
|
|
{
|
|
icon: Github,
|
|
href: "#",
|
|
ariaLabel: "GitHub",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|