From 06b446f2c88f0bb8635e7927898c290de9371813 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 24 Mar 2026 16:13:57 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 169 +++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 165 insertions(+), 4 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d39d6c0..5482ae2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,5 +1,166 @@
-import { redirect } from 'next/navigation';
+"use client";
 
-export default function Home() {
-  redirect('/components');
-}
\ No newline at end of file
+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;
-- 
2.49.1