11 Commits

Author SHA1 Message Date
6781b1e807 Update src/app/page.tsx 2026-03-24 16:14:59 +00:00
8c170bcd32 Update src/app/community/page.tsx 2026-03-24 16:14:58 +00:00
3547598895 Update src/app/page.tsx 2026-03-24 16:14:34 +00:00
88cd889fd2 Update src/app/community/page.tsx 2026-03-24 16:14:34 +00:00
06b446f2c8 Update src/app/page.tsx 2026-03-24 16:13:57 +00:00
52d36edd09 Merge version_1 into main
Merge version_1 into main
2026-03-24 16:08:13 +00:00
3ac1efb4e8 Merge version_1 into main
Merge version_1 into main
2026-03-24 16:07:43 +00:00
872bb91fa4 Merge version_1 into main
Merge version_1 into main
2026-03-24 16:07:13 +00:00
fbdb0b77c7 Merge version_1 into main
Merge version_1 into main
2026-03-24 16:06:32 +00:00
704f8ede44 Merge version_1 into main
Merge version_1 into main
2026-03-24 16:06:01 +00:00
30f3e47693 Merge version_1 into main
Merge version_1 into main
2026-03-24 16:05:25 +00:00
2 changed files with 173 additions and 12 deletions

View File

@@ -26,19 +26,19 @@ const CommunityPage = () => {
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"},
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?_wi=1"},
{
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"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOleZuww3BxgYtY3uiCXnYj2Ul/a-headshot-of-a-young-female-fitness-ent-1774368212924-9ac7756c.png?_wi=1"},
{
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"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOleZuww3BxgYtY3uiCXnYj2Ul/a-headshot-of-a-young-male-tech-entrepre-1774368209749-84d027f7.png?_wi=1"},
{
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"},
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?_wi=1"},
{
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"},
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?_wi=1"},
];
return (
@@ -71,9 +71,9 @@ const CommunityPage = () => {
useInvertedBackground={false}
animationType="slide-up"
kpiItems={[
{ value: "9/10", description: "Anbefaler FrostFuel" },
{ value: "+200K", description: "Aktive brukere" },
{ value: "5 Stjerner", description: "Gjennomsnittlig rating" },
{ value: "9/10", label: "Anbefaler FrostFuel" },
{ value: "+200K", label: "Aktive brukere" },
{ value: "5 Stjerner", label: "Gjennomsnittlig rating" },
]}
testimonials={testimonialData}
ariaLabel="Customer testimonials section"

View File

@@ -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?_wi=2"},
{
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?_wi=2"},
{
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?_wi=2"},
{
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?_wi=2"},
{
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?_wi=2"},
];
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", label: "Anbefaler FrostFuel" },
{ value: "+200K", label: "Aktive brukere" },
{ value: "5 Stjerner", label: "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;