169 lines
7.4 KiB
TypeScript
169 lines
7.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="largeSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Rezervacije", id: "contact"},
|
|
{
|
|
name: "Cjenik", id: "pricing"},
|
|
{
|
|
name: "O nama", id: "about"},
|
|
]}
|
|
brandName="Friendly Fire Osijek"
|
|
button={{
|
|
text: "Nazovi odmah", href: "tel:0957458521"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
background={{
|
|
variant: "plain"}}
|
|
logoText="Friendly Fire Osijek"
|
|
description="Najbolja gaming igraonica u srcu Osijeka. Vrhunska oprema, popularne igre i ekipa koja te čeka."
|
|
buttons={[
|
|
{
|
|
text: "Nazovi odmah", href: "tel:0957458521"},
|
|
{
|
|
text: "Rezerviraj mjesto", href: "#contact"},
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNF0FsARUXk3o3icwQCho5EeT/modern-high-end-internet-cafe-gaming-set-1774692957860-e96661ed.png"
|
|
imageAlt="Modern gaming setup at Friendly Fire Osijek"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardEight
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Vrhunska Oprema", description: "Najnovija gaming računala za savršeno iskustvo bez trzanja.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNF0FsARUXk3o3icwQCho5EeT/high-performance-gaming-pc-with-modern-g-1774692962901-6fbfc46d.png", imageAlt: "High performance PC setup"},
|
|
{
|
|
id: 2,
|
|
title: "Gaming Zajednica", description: "Upoznaj nove prijatelje i uživaj u najboljoj atmosferi u gradu.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNF0FsARUXk3o3icwQCho5EeT/diverse-group-of-happy-young-gamers-sitt-1774692960847-69c884fc.png", imageAlt: "Gamers having fun"},
|
|
{
|
|
id: 3,
|
|
title: "Profi Oprema", description: "Sve što trebaš od tipkovnica i headseta za vrhunske rezultate.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNF0FsARUXk3o3icwQCho5EeT/professional-gaming-accessories-mechanic-1774692957210-f9512592.png", imageAlt: "Gaming peripherals"},
|
|
]}
|
|
title="Zašto odabrati Friendly Fire?"
|
|
description="Iskusi gaming na najvišoj razini u najpopularnijoj igraonici u Osijeku."
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "g1", name: "Main Lounge", price: "Udobnost", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNF0FsARUXk3o3icwQCho5EeT/atmospheric-wide-shot-of-a-modern-gaming-1774692957833-96f0591c.png"},
|
|
{
|
|
id: "g2", name: "Ergo Sjedalice", price: "Profi", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNF0FsARUXk3o3icwQCho5EeT/close-up-shot-of-professional-gaming-cha-1774692957147-e6f8152d.png"},
|
|
{
|
|
id: "g3", name: "Dnevni boravak", price: "Moderna", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNF0FsARUXk3o3icwQCho5EeT/bright-and-clean-interior-of-a-gaming-ca-1774692957357-a7a8c1bd.png"},
|
|
{
|
|
id: "g4", name: "Arena zona", price: "Turniri", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNF0FsARUXk3o3icwQCho5EeT/wide-shot-of-a-professional-e-sports-sta-1774692957378-c87b4c2b.png"},
|
|
{
|
|
id: "g5", name: "E-sports Kutak", price: "Natjecanje", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNF0FsARUXk3o3icwQCho5EeT/group-of-teenagers-looking-at-screens-in-1774692957807-ba0aa9bf.png"},
|
|
]}
|
|
title="Atmosfera i Setup"
|
|
description="Pogledaj kako izgleda prostor gdje se stvaraju pobjede."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "sat", tag: "Najpopularnije", price: "4€", period: "/ sat", description: "Casual igranje s prijateljima", button: {
|
|
text: "Rezerviraj", href: "#contact"},
|
|
featuresTitle: "Što dobivaš:", features: [
|
|
"Vrhunski PC", "Sve popularne igre", "Brza optika"],
|
|
},
|
|
{
|
|
id: "dan", tag: "Value", price: "15€", period: "/ dan", description: "Za prave gamere i maratone", button: {
|
|
text: "Rezerviraj", href: "#contact"},
|
|
featuresTitle: "Što dobivaš:", features: [
|
|
"Neograničeno igranje", "Ušteda 50%", "Voda uključena"],
|
|
},
|
|
]}
|
|
title="Cjenik"
|
|
description="Jednostavne opcije za casual ili maratonsko igranje."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Rezerviraj Svoje Mjesto"
|
|
description="Trg slobode 6, Osijek. Nazovi nas na 095 745 8521 ili pošalji upit."
|
|
inputPlaceholder="Tvoj broj mobitela"
|
|
buttonText="Pošalji upit"
|
|
tag="Rezervacije"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Početna", href: "/"},
|
|
{
|
|
label: "Cjenik", href: "#pricing"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Kontakt", href: "#contact"},
|
|
{
|
|
label: "095 745 8521", href: "tel:0957458521"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Friendly Fire Osijek"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|