142 lines
6.4 KiB
TypeScript
142 lines
6.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="grid"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Despre", id: "about"},
|
|
{
|
|
name: "Echipament", id: "products"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Apex Move"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Ridică Standardele cu Apex Move"
|
|
description="Echipament sportiv premium pentru performanță maximă. Descoperă colecția care îți transformă limitele în noi realizări."
|
|
testimonials={[
|
|
{
|
|
name: "Alex M.", handle: "@alex_athlete", testimonial: "Apex Move mi-a schimbat modul în care mă antrenez. Calitatea e ireproșabilă.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWC2Ut3phkZHHg5hlomJnWSZ89/portrait-of-a-fitness-influencer-dark-ba-1774595341012-55ad785e.png"},
|
|
{
|
|
name: "Elena R.", handle: "@elena_run", testimonial: "Confort și design într-un singur pachet. Nu mai pot face antrenamente fără ele.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWC2Ut3phkZHHg5hlomJnWSZ89/portrait-of-a-female-athlete-dark-backgr-1774595341711-72ee56e1.png"},
|
|
{
|
|
name: "Ionut B.", handle: "@jon_gym", testimonial: "Performanță pură. Recomand cu încredere tuturor sportivilor.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWC2Ut3phkZHHg5hlomJnWSZ89/portrait-of-a-male-gym-enthusiast-dark-b-1774595340301-c20d9c89.png"},
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWC2Ut3phkZHHg5hlomJnWSZ89/professional-athlete-running-in-high-tec-1774595343510-17ffefe0.png"
|
|
imageAlt="Sportiv în echipament de înaltă performanță"
|
|
mediaAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Vezi Colecția", href: "#products"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
title="Misiunea Noastră"
|
|
description="Ne dedicăm inovației în lumea sportului. Credem că fiecare mișcare contează și că tehnologia potrivită îți poate oferi acel avantaj competitiv de care ai nevoie."
|
|
bulletPoints={[
|
|
{
|
|
title: "Calitate Superioară", description: "Materiale durabile testate în condiții extreme."},
|
|
{
|
|
title: "Design Ergonomic", description: "Confort maxim adaptat anatomiei tale."},
|
|
{
|
|
title: "Inovație Constantă", description: "Mereu în pas cu ultimele tendințe în sport."},
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWC2Ut3phkZHHg5hlomJnWSZ89/gym-interior-modern-equipment-profession-1774595340790-1ca84246.png"
|
|
mediaAnimation="slide-up"
|
|
imageAlt="Echipament modern de sală"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Apex Pro Trainer", price: "450 RON", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWC2Ut3phkZHHg5hlomJnWSZ89/high-end-sports-shoes-minimalist-profess-1774595340749-5526c76d.png"},
|
|
{
|
|
id: "p2", name: "Tricou Performanță", price: "180 RON", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWC2Ut3phkZHHg5hlomJnWSZ89/professional-sports-t-shirt-tech-apparel-1774595339910-93409c44.png"},
|
|
{
|
|
id: "p3", name: "Pantalon Compression", price: "220 RON", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWC2Ut3phkZHHg5hlomJnWSZ89/compression-pants-for-sports-technical-f-1774595341158-86d1fa58.png"},
|
|
]}
|
|
title="Echipamente de Top"
|
|
description="Selectează produsele potrivite pentru stilul tău de antrenament."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Contactează-ne"
|
|
description="Ai întrebări despre produsele noastre? Suntem aici să te ajutăm."
|
|
inputs={[
|
|
{
|
|
name: "nume", type: "text", placeholder: "Numele tău", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Email-ul tău", required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "mesaj", placeholder: "Mesajul tău", rows: 4,
|
|
required: true,
|
|
}}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWC2Ut3phkZHHg5hlomJnWSZ89/professional-fitness-center-front-desk-o-1774595340916-0ca990b2.png"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Apex Move"
|
|
copyrightText="© 2025 Apex Move | Toate drepturile rezervate"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|