112 lines
3.6 KiB
TypeScript
112 lines
3.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroPersonalLinks from '@/components/sections/hero/HeroPersonalLinks';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { Rocket, Shield, BatteryCharging } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmall"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "Landing", id: "/landing"},
|
|
{
|
|
name: "Product", id: "/product"},
|
|
{
|
|
name: "Contact", id: "#contact"}
|
|
]}
|
|
brandName="Nova Device"
|
|
button={{
|
|
text: "Get Started", href: "/product"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroPersonalLinks
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Your Gateway to Innovation"
|
|
linkCards={[
|
|
{
|
|
icon: Rocket,
|
|
title: "Blazing Fast Performance", description: "Experience lightning-fast speeds and seamless multitasking with our optimized hardware.", button: { text: "Learn More", href: "/product" }
|
|
},
|
|
{
|
|
icon: Shield,
|
|
title: "Unrivaled Security", description: "Your data is protected with state-of-the-art encryption and advanced privacy features.", button: { text: "Learn More", href: "/product" }
|
|
},
|
|
{
|
|
icon: BatteryCharging,
|
|
title: "All-Day Battery Life", description: "Power through your entire day without needing a recharge, even with heavy usage.", button: { text: "Learn More", href: "/product" }
|
|
}
|
|
]}
|
|
button={{
|
|
text: "Explore the Nova Device", href: "/product"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{
|
|
label: "Pricing", href: "#"}
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#"},
|
|
{
|
|
label: "Careers", href: "#"},
|
|
{
|
|
label: "Press", href: "#"}
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
{
|
|
label: "Help Center", href: "#"}
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
{
|
|
label: "Cookie Policy", href: "#"}
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2024 Nova Device. All rights reserved."
|
|
bottomRightText="Crafted with innovation."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |