Merge version_2 into main #7
169
src/app/page.tsx
169
src/app/page.tsx
@@ -1,5 +1,166 @@
|
||||
import { redirect } from 'next/navigation';
|
||||
"use client";
|
||||
|
||||
export default function Home() {
|
||||
redirect('/components');
|
||||
}
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
|
||||
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
|
||||
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import Link from "next/link";
|
||||
import { Zap, BatteryCharging, Droplet, Leaf } from "lucide-react";
|
||||
|
||||
const HomePage = () => {
|
||||
const navItems = [
|
||||
{ name: "Hjem", id: "home", href: "/" },
|
||||
{ name: "Produkter", id: "products", href: "/products" },
|
||||
{ name: "Smaker", id: "taste", href: "/taste" },
|
||||
{ name: "Om Oss", id: "about", href: "/about" },
|
||||
{ name: "Finn Butikk", id: "store", href: "/store" },
|
||||
{ name: "Community", id: "community", href: "/community" },
|
||||
];
|
||||
|
||||
const footerNavItems = navItems.map((item) => ({
|
||||
text: item.name,
|
||||
href: item.href,
|
||||
}));
|
||||
|
||||
const testimonialData = [
|
||||
{
|
||||
id: "1", name: "Leo 'Nexus' Larsen", role: "Esports Pro Player", company: "Team Frostbite", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOleZuww3BxgYtY3uiCXnYj2Ul/a-headshot-of-a-young-male-gamer-20s-wit-1774368209812-0aaf7f26.png"},
|
||||
{
|
||||
id: "2", name: "Maya Singh", role: "Fitness Coach", company: "Peak Performance Gym", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOleZuww3BxgYtY3uiCXnYj2Ul/a-headshot-of-a-young-female-fitness-ent-1774368212924-9ac7756c.png"},
|
||||
{
|
||||
id: "3", name: "Axel Berg", role: "Software Developer", company: "Quantum Innovations", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOleZuww3BxgYtY3uiCXnYj2Ul/a-headshot-of-a-young-male-tech-entrepre-1774368209749-84d027f7.png"},
|
||||
{
|
||||
id: "4", name: "Zara Khan", role: "Content Creator", company: "Vortex Streams", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOleZuww3BxgYtY3uiCXnYj2Ul/a-headshot-of-a-young-female-e-sports-co-1774368209378-86c6b5be.png"},
|
||||
{
|
||||
id: "5", name: "Daniel Ortiz", role: "Nightlife DJ", company: "Electric Pulse Events", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOleZuww3BxgYtY3uiCXnYj2Ul/a-headshot-of-a-young-male-dancer-or-nig-1774368209962-ecd806ed.png"},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmall"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="FrostFuel"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Kjøp Nå", href: "/products"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="FrostFuel"
|
||||
description="Unleash the Ice-Powered Energy. Boost your focus, reaction time, and endurance with our extreme cold blends."
|
||||
buttons={[
|
||||
{ text: "Kjøp Nå", href: "/products" },
|
||||
{ text: "Utforsk Smaker", href: "/taste" },
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOleZuww3BxgYtY3uiCXnYj2Ul/a-futuristic-energy-drink-bottle-in-a-fr-1774368208983-ba27e493.png", imageAlt: "FrostFuel Energy Drink" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOleZuww3BxgYtY3uiCXnYj2Ul/a-high-resolution-render-of-the-frostfue-1774368209839-511284be.png", imageAlt: "FrostFuel Original energy drink can" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOleZuww3BxgYtY3uiCXnYj2Ul/a-high-resolution-render-of-the-frostfue-1774368211158-2aa5037e.png", imageAlt: "FrostFuel Zero sugar energy drink can" },
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
showDimOverlay={true}
|
||||
ariaLabel="Hero section with rotating FrostFuel product images"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
title="DIN FORDEL MED FROSTFUEL"
|
||||
description="Oppdag hvordan FrostFuel driver din prestasjon og velvære med våre unike, iskalde formler."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="scale-rotate"
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "ØKT FOKUS", description: "Skjerp konsentrasjonen og reaksjonstiden med vår avanserte energiblanding."
|
||||
},
|
||||
{
|
||||
icon: BatteryCharging,
|
||||
title: "VARIG ENERGI", description: "Oppretthold høye energinivåer uten krasj, fra start til slutt."
|
||||
},
|
||||
{
|
||||
icon: Droplet,
|
||||
title: "OPTIMAL HYDRERING", description: "Hold deg hydrert og yte ditt beste med vår forfriskende formel."
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "SUKKERFRIE ALTERNATIVER", description: "Nyt samme kraftfulle boost uten sukker for en sunnere livsstil."
|
||||
},
|
||||
]}
|
||||
ariaLabel="Features section highlighting benefits of FrostFuel"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
title="HVA VÅRE BRUKERE SIER"
|
||||
description="Hør fra gamere, atleter og kreative sjeler som har opplevd den kalde kraften av FrostFuel. Ekte historier, ekte resultater."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
kpiItems={[
|
||||
{ value: "9/10", description: "Anbefaler FrostFuel" },
|
||||
{ value: "+200K", description: "Aktive brukere" },
|
||||
{ value: "5 Stjerner", description: "Gjennomsnittlig rating" },
|
||||
]}
|
||||
testimonials={testimonialData}
|
||||
ariaLabel="Customer testimonials section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home-cta" data-section="home-cta">
|
||||
<ContactCTA
|
||||
tag="KLAR TIL Å FØLE FROSTEN?"
|
||||
title="FINN DIN ENERGI"
|
||||
description="FrostFuel er tilgjengelig i utvalgte butikker og online. Finn din nærmeste forhandler eller utforsk alle våre spennende smaker i vår nettbutikk."
|
||||
buttons={[
|
||||
{ text: "FINN BUTIKK NÆR DEG", href: "/store" },
|
||||
{ text: "SE ALLE PRODUKTER", href: "/products" },
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Call to action section for finding stores or products"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<footer className="py-10 text-center text-foreground bg-card">
|
||||
<nav className="flex justify-center space-x-6 mb-4">
|
||||
{footerNavItems.map((item) => (
|
||||
<Link
|
||||
key={item.href}
|
||||
href={item.href}
|
||||
className="hover:text-primary-cta transition-colors"
|
||||
>
|
||||
{item.text}
|
||||
</Link>
|
||||
))}
|
||||
</nav>
|
||||
<p className="text-sm">© {new Date().getFullYear()} FrostFuel. All rights reserved.</p>
|
||||
</footer>
|
||||
</ThemeProvider>
|
||||
);
|
||||
};
|
||||
|
||||
export default HomePage;
|
||||
|
||||
Reference in New Issue
Block a user