Merge version_1 into main #1
336
src/app/page.tsx
336
src/app/page.tsx
@@ -32,33 +32,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Flavors",
|
||||
id: "#flavors",
|
||||
},
|
||||
name: "Flavors", id: "#flavors"},
|
||||
{
|
||||
name: "Stats",
|
||||
id: "#stats",
|
||||
},
|
||||
name: "Stats", id: "#stats"},
|
||||
{
|
||||
name: "Story",
|
||||
id: "#story",
|
||||
},
|
||||
name: "Story", id: "#story"},
|
||||
{
|
||||
name: "Lifestyle",
|
||||
id: "#lifestyle",
|
||||
},
|
||||
name: "Lifestyle", id: "#lifestyle"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Get Yours",
|
||||
id: "#cta",
|
||||
},
|
||||
name: "Get Yours", id: "#cta"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/neon-sign-bar-with-text-rum_23-2148184249.jpg"
|
||||
logoAlt="DEVIL Energy Drink Logo"
|
||||
@@ -74,13 +60,9 @@ export default function LandingPage() {
|
||||
description="Fuel beyond limits."
|
||||
buttons={[
|
||||
{
|
||||
text: "Drink the Power",
|
||||
href: "#flavors",
|
||||
},
|
||||
text: "Drink the Power", href: "#flavors"},
|
||||
{
|
||||
text: "Explore Flavors",
|
||||
href: "#flavors",
|
||||
},
|
||||
text: "Explore Flavors", href: "#flavors"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-garbage-plastic-cups_23-2148393480.jpg"
|
||||
videoSrc="http://img.b2bpic.net/free-photo/young-friends-having-fun-together_23-2149560773.jpg"
|
||||
@@ -95,67 +77,26 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
products={[
|
||||
{
|
||||
id: "inferno-rush",
|
||||
brand: "DEVIL",
|
||||
name: "Inferno Rush",
|
||||
price: "$3.99",
|
||||
rating: 5,
|
||||
reviewCount: "2.1k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-energy-drink-cans-red-drink-alcohol-darkness_140725-92768.jpg",
|
||||
imageAlt: "DEVIL Inferno Rush Can",
|
||||
},
|
||||
id: "inferno-rush", brand: "DEVIL", name: "Inferno Rush", price: "$3.99", rating: 5,
|
||||
reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/front-view-energy-drink-cans-red-drink-alcohol-darkness_140725-92768.jpg", imageAlt: "DEVIL Inferno Rush Can"},
|
||||
{
|
||||
id: "dark-voltage",
|
||||
brand: "DEVIL",
|
||||
name: "Dark Voltage",
|
||||
price: "$3.99",
|
||||
rating: 5,
|
||||
reviewCount: "1.8k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-senior-jogging-man-drinking-fresh-water-from-bottle-male-athlete-drinking-water-after-workout_1391-173.jpg",
|
||||
imageAlt: "DEVIL Dark Voltage Can",
|
||||
},
|
||||
id: "dark-voltage", brand: "DEVIL", name: "Dark Voltage", price: "$3.99", rating: 5,
|
||||
reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/handsome-senior-jogging-man-drinking-fresh-water-from-bottle-male-athlete-drinking-water-after-workout_1391-173.jpg", imageAlt: "DEVIL Dark Voltage Can"},
|
||||
{
|
||||
id: "blood-berry",
|
||||
brand: "DEVIL",
|
||||
name: "Blood Berry",
|
||||
price: "$3.99",
|
||||
rating: 5,
|
||||
reviewCount: "1.5k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-energy-drink-cans-red-drink-alcohol-photo-darkness_140725-92769.jpg",
|
||||
imageAlt: "DEVIL Blood Berry Can",
|
||||
},
|
||||
id: "blood-berry", brand: "DEVIL", name: "Blood Berry", price: "$3.99", rating: 5,
|
||||
reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-photo/front-view-energy-drink-cans-red-drink-alcohol-photo-darkness_140725-92769.jpg", imageAlt: "DEVIL Blood Berry Can"},
|
||||
{
|
||||
id: "hellfire-mango",
|
||||
brand: "DEVIL",
|
||||
name: "Hellfire Mango",
|
||||
price: "$3.99",
|
||||
rating: 5,
|
||||
reviewCount: "1.7k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-energy-drink-cans-red-drink-alcohol-photo-darkness_140725-92767.jpg",
|
||||
imageAlt: "DEVIL Hellfire Mango Can",
|
||||
},
|
||||
id: "hellfire-mango", brand: "DEVIL", name: "Hellfire Mango", price: "$3.99", rating: 5,
|
||||
reviewCount: "1.7k", imageSrc: "http://img.b2bpic.net/free-photo/front-view-energy-drink-cans-red-drink-alcohol-photo-darkness_140725-92767.jpg", imageAlt: "DEVIL Hellfire Mango Can"},
|
||||
{
|
||||
id: "crimson-blast",
|
||||
brand: "DEVIL",
|
||||
name: "Crimson Blast",
|
||||
price: "$3.99",
|
||||
rating: 5,
|
||||
reviewCount: "1.9k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-iced-tea-table_23-2149966925.jpg",
|
||||
imageAlt: "DEVIL Crimson Blast Can",
|
||||
},
|
||||
id: "crimson-blast", brand: "DEVIL", name: "Crimson Blast", price: "$3.99", rating: 5,
|
||||
reviewCount: "1.9k", imageSrc: "http://img.b2bpic.net/free-photo/delicious-iced-tea-table_23-2149966925.jpg", imageAlt: "DEVIL Crimson Blast Can"},
|
||||
{
|
||||
id: "volt-berry",
|
||||
brand: "DEVIL",
|
||||
name: "Volt Berry",
|
||||
price: "$3.99",
|
||||
rating: 5,
|
||||
reviewCount: "1.6k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-brightly-colored-soda-can_23-2150995311.jpg",
|
||||
imageAlt: "DEVIL Volt Berry Can",
|
||||
},
|
||||
id: "volt-berry", brand: "DEVIL", name: "Volt Berry", price: "$3.99", rating: 5,
|
||||
reviewCount: "1.6k", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-brightly-colored-soda-can_23-2150995311.jpg", imageAlt: "DEVIL Volt Berry Can"},
|
||||
]}
|
||||
title="Unleash Your Flavor: DEVIL Collection"
|
||||
description="Experience the extreme with our signature DEVIL energy drink flavors. Each can is a portal to pure power and unparalleled focus, designed to ignite your senses and dominate your day."
|
||||
@@ -167,34 +108,19 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="depth-3d"
|
||||
metrics={[
|
||||
{
|
||||
id: "energy",
|
||||
value: "+300%",
|
||||
title: "Energy",
|
||||
description: "Unleash explosive power.",
|
||||
icon: Zap,
|
||||
id: "energy", value: "+300%", title: "Energy", description: "Unleash explosive power.", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "formula",
|
||||
value: "0",
|
||||
title: "Crash Formula",
|
||||
description: "Sustained performance, no jitters.",
|
||||
icon: Shield,
|
||||
id: "formula", value: "0", title: "Crash Formula", description: "Sustained performance, no jitters.", icon: Shield,
|
||||
},
|
||||
{
|
||||
id: "focus",
|
||||
value: "Ultra",
|
||||
title: "Focus Mode",
|
||||
description: "Pinpoint concentration, extreme clarity.",
|
||||
icon: Target,
|
||||
id: "focus", value: "Ultra", title: "Focus Mode", description: "Pinpoint concentration, extreme clarity.", icon: Target,
|
||||
},
|
||||
{
|
||||
id: "boost",
|
||||
value: "Instant",
|
||||
title: "Boost",
|
||||
description: "Activate your beast mode instantly.",
|
||||
icon: Sparkles,
|
||||
id: "boost", value: "Instant", title: "Boost", description: "Activate your beast mode instantly.", icon: Sparkles,
|
||||
},
|
||||
]}
|
||||
title="DEVIL's Core Power"
|
||||
@@ -207,18 +133,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Genesis of ",
|
||||
},
|
||||
type: "text", content: "The Genesis of "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/neon-sign-bar-with-text-rum_23-2148184249.jpg",
|
||||
alt: "DEVIL logo",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/neon-sign-bar-with-text-rum_23-2148184249.jpg", alt: "DEVIL logo"},
|
||||
{
|
||||
type: "text",
|
||||
content: ": Born from Fire",
|
||||
},
|
||||
type: "text", content: ": Born from Fire"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -227,72 +146,28 @@ export default function LandingPage() {
|
||||
<FeatureCardTwentyFour
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
id: "night-racing",
|
||||
title: "Night Racing Dominance",
|
||||
author: "Adrenaline Unleashed",
|
||||
description: "Experience the thrill of speed under neon city lights. DEVIL fuels every turn.",
|
||||
tags: [
|
||||
"Speed",
|
||||
"Thrill",
|
||||
"Urban",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-car-city_23-2151710960.jpg",
|
||||
imageAlt: "Futuristic night racing scene",
|
||||
},
|
||||
id: "night-racing", title: "Night Racing Dominance", author: "Adrenaline Unleashed", description: "Experience the thrill of speed under neon city lights. DEVIL fuels every turn.", tags: [
|
||||
"Speed", "Thrill", "Urban"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-car-city_23-2151710960.jpg", imageAlt: "Futuristic night racing scene"},
|
||||
{
|
||||
id: "gym-workout",
|
||||
title: "Unrivaled Gym Power",
|
||||
author: "Strength Defined",
|
||||
description: "Conquer your limits with every rep. Our formula powers your most intense workouts.",
|
||||
tags: [
|
||||
"Strength",
|
||||
"Endurance",
|
||||
"Gains",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-training-gym_23-2148024358.jpg",
|
||||
imageAlt: "Intense gym workout scene",
|
||||
},
|
||||
id: "gym-workout", title: "Unrivaled Gym Power", author: "Strength Defined", description: "Conquer your limits with every rep. Our formula powers your most intense workouts.", tags: [
|
||||
"Strength", "Endurance", "Gains"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-training-gym_23-2148024358.jpg", imageAlt: "Intense gym workout scene"},
|
||||
{
|
||||
id: "gaming-mastery",
|
||||
title: "Gaming Mastery",
|
||||
author: "Focus Unlocked",
|
||||
description: "Achieve peak focus and dominate every virtual battleground with DEVIL's precision boost.",
|
||||
tags: [
|
||||
"Esports",
|
||||
"Focus",
|
||||
"Victory",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-putting-hands-head-frustration-after-seeing-game-screen_482257-124176.jpg",
|
||||
imageAlt: "Futuristic gaming setup",
|
||||
},
|
||||
id: "gaming-mastery", title: "Gaming Mastery", author: "Focus Unlocked", description: "Achieve peak focus and dominate every virtual battleground with DEVIL's precision boost.", tags: [
|
||||
"Esports", "Focus", "Victory"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-putting-hands-head-frustration-after-seeing-game-screen_482257-124176.jpg", imageAlt: "Futuristic gaming setup"},
|
||||
{
|
||||
id: "street-dominance",
|
||||
title: "Street Dominance",
|
||||
author: "Rebel Ride",
|
||||
description: "Command the asphalt with raw power and style. Your journey, amplified by DEVIL.",
|
||||
tags: [
|
||||
"Motorcycles",
|
||||
"Freedom",
|
||||
"Style",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sexy-thoughtful-lady-wit-long-dark-hair-poses-leather-jacket-motorcycle_8353-5666.jpg",
|
||||
imageAlt: "Futuristic street bike at night",
|
||||
},
|
||||
id: "street-dominance", title: "Street Dominance", author: "Rebel Ride", description: "Command the asphalt with raw power and style. Your journey, amplified by DEVIL.", tags: [
|
||||
"Motorcycles", "Freedom", "Style"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sexy-thoughtful-lady-wit-long-dark-hair-poses-leather-jacket-motorcycle_8353-5666.jpg", imageAlt: "Futuristic street bike at night"},
|
||||
{
|
||||
id: "edm-euphoria",
|
||||
title: "EDM Euphoria",
|
||||
author: "Rhythm Unleashed",
|
||||
description: "Immerse in the sound, feel the beat. DEVIL energizes your night, ignites the rave.",
|
||||
tags: [
|
||||
"Music",
|
||||
"Party",
|
||||
"Vibes",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689415.jpg",
|
||||
imageAlt: "Energetic EDM concert scene",
|
||||
},
|
||||
id: "edm-euphoria", title: "EDM Euphoria", author: "Rhythm Unleashed", description: "Immerse in the sound, feel the beat. DEVIL energizes your night, ignites the rave.", tags: [
|
||||
"Music", "Party", "Vibes"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689415.jpg", imageAlt: "Energetic EDM concert scene"},
|
||||
]}
|
||||
title="The DEVIL Lifestyle: Where Limits Fade"
|
||||
description="Immerse yourself in the world of DEVIL. A realm where adrenaline fuels every pursuit, and power defines every moment. From the roar of the engine to the intensity of the game, DEVIL is your ultimate co-pilot in pushing the boundaries."
|
||||
@@ -303,66 +178,31 @@ export default function LandingPage() {
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="depth-3d"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jax 'Inferno' Valor",
|
||||
role: "Pro eSports Champion",
|
||||
company: "Cybernetic Legion",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-battling-enemies-multiplayer-shooter-discussing-with-other-players-through-headphones-mic_482257-77140.jpg",
|
||||
imageAlt: "Jax 'Inferno' Valor",
|
||||
},
|
||||
id: "1", name: "Jax 'Inferno' Valor", role: "Pro eSports Champion", company: "Cybernetic Legion", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-battling-enemies-multiplayer-shooter-discussing-with-other-players-through-headphones-mic_482257-77140.jpg", imageAlt: "Jax 'Inferno' Valor"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Dr. Anya Sharma",
|
||||
role: "Head Fitness Scientist",
|
||||
company: "Apex Dynamics",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/masculanity-strength-power-concept-picture-handsome-fit-young-afro-american-bodybuilder-with-bald-head-smoothly-shaven-face-looking-camera-with-confident-serious-facial-expression_343059-336.jpg",
|
||||
imageAlt: "Dr. Anya Sharma",
|
||||
},
|
||||
id: "2", name: "Dr. Anya Sharma", role: "Head Fitness Scientist", company: "Apex Dynamics", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/masculanity-strength-power-concept-picture-handsome-fit-young-afro-american-bodybuilder-with-bald-head-smoothly-shaven-face-looking-camera-with-confident-serious-facial-expression_343059-336.jpg", imageAlt: "Dr. Anya Sharma"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Kaito 'Neon' Ren",
|
||||
role: "Cyber-Tech Entrepreneur",
|
||||
company: "Quantum Innovations",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-blurred-curtain-front-view_23-2148331837.jpg",
|
||||
imageAlt: "Kaito 'Neon' Ren",
|
||||
},
|
||||
id: "3", name: "Kaito 'Neon' Ren", role: "Cyber-Tech Entrepreneur", company: "Quantum Innovations", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-blurred-curtain-front-view_23-2148331837.jpg", imageAlt: "Kaito 'Neon' Ren"},
|
||||
{
|
||||
id: "4",
|
||||
name: "DJ 'Crimson Beat'",
|
||||
role: "International EDM Artist",
|
||||
company: "Sonic Syndicate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-with-his-friends-playing-videogames-chatting-online-using-headphones-microphone_482257-77062.jpg",
|
||||
imageAlt: "DJ 'Crimson Beat'",
|
||||
},
|
||||
id: "4", name: "DJ 'Crimson Beat'", role: "International EDM Artist", company: "Sonic Syndicate", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-with-his-friends-playing-videogames-chatting-online-using-headphones-microphone_482257-77062.jpg", imageAlt: "DJ 'Crimson Beat'"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Viper X",
|
||||
role: "Underground Street Racer",
|
||||
company: "Midnight Drifters",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-sunglasses-standing-near-source-light_250224-293.jpg",
|
||||
imageAlt: "Viper X",
|
||||
},
|
||||
id: "5", name: "Viper X", role: "Underground Street Racer", company: "Midnight Drifters", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-sunglasses-standing-near-source-light_250224-293.jpg", imageAlt: "Viper X"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "99%",
|
||||
label: "Peak Performance",
|
||||
},
|
||||
value: "99%", label: "Peak Performance"},
|
||||
{
|
||||
value: "0",
|
||||
label: "Jitters Reported",
|
||||
},
|
||||
value: "0", label: "Jitters Reported"},
|
||||
{
|
||||
value: "Unmatched",
|
||||
label: "Endurance",
|
||||
},
|
||||
value: "Unmatched", label: "Endurance"},
|
||||
]}
|
||||
title="Voices of Power"
|
||||
description="Hear from the champions, creators, and night-riders who fuel their passion with DEVIL. Their stories are a testament to the unyielding power within every can."
|
||||
@@ -373,20 +213,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="UNLEASH THE POWER"
|
||||
title="Your Journey to Extreme Begins Now"
|
||||
description="Ready to redefine your limits? Find DEVIL Energy Drink at a retailer near you or order online for instant power delivery. Embrace the energy, conquer the day."
|
||||
buttons={[
|
||||
{
|
||||
text: "Find a Store",
|
||||
href: "#",
|
||||
},
|
||||
text: "Find a Store", href: "#"},
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "#",
|
||||
},
|
||||
text: "Order Online", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -395,54 +230,33 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Brand",
|
||||
items: [
|
||||
title: "Brand", items: [
|
||||
{
|
||||
label: "About DEVIL",
|
||||
href: "#story",
|
||||
},
|
||||
label: "About DEVIL", href: "#story"},
|
||||
{
|
||||
label: "Philosophy",
|
||||
href: "#story",
|
||||
},
|
||||
label: "Philosophy", href: "#story"},
|
||||
{
|
||||
label: "Lifestyle",
|
||||
href: "#lifestyle",
|
||||
},
|
||||
label: "Lifestyle", href: "#lifestyle"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Flavors",
|
||||
href: "#flavors",
|
||||
},
|
||||
label: "Flavors", href: "#flavors"},
|
||||
{
|
||||
label: "Energy Stats",
|
||||
href: "#stats",
|
||||
},
|
||||
label: "Energy Stats", href: "#stats"},
|
||||
{
|
||||
label: "Where to Buy",
|
||||
href: "#cta",
|
||||
},
|
||||
label: "Where to Buy", href: "#cta"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#cta",
|
||||
},
|
||||
label: "Contact Us", href: "#cta"},
|
||||
{
|
||||
label: "Join the Legion",
|
||||
href: "#cta",
|
||||
},
|
||||
label: "Join the Legion", href: "#cta"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user