125 lines
5.8 KiB
TypeScript
125 lines
5.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import { Shield, Star, Zap, MessageSquare } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="large"
|
|
background="floatingGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
]}
|
|
brandName="StickerVerse"
|
|
button={{ text: "Shop Now" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlayTestimonial
|
|
title="Redefining Stickers in 3D & 8D"
|
|
description="Experience depth and dimensions like never before. Our new collection of advanced digital stickers brings your creative projects to life."
|
|
testimonials={[
|
|
{ name: "Alex Rivers", handle: "@alexdesign", testimonial: "The 8D effects are absolutely stunning. My UI projects look incredible!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg?_wi=1" },
|
|
{ name: "Jamie Lee", handle: "@jamiecreations", testimonial: "Top-tier sticker quality. Unmatched 3D depth and detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512132.jpg?_wi=1" },
|
|
]}
|
|
buttons={[{ text: "Explore Collection", href: "#products" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/row-blue-liquid-glasses-with-shadow-colored-background_23-2147949151.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureHoverPattern
|
|
animationType="scale-rotate"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ icon: Zap, title: "8D Depth Rendering", description: "Layers of depth creating immersive visual experiences." },
|
|
{ icon: Shield, title: "High-Res 3D Detail", description: "Uncompromised resolution for all your designs." },
|
|
{ icon: Star, title: "Futuristic Aesthetics", description: "Stay ahead with the latest design trends." },
|
|
]}
|
|
title="Why Our Sticker Technology?"
|
|
description="Engineered for high performance and visual impact."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "1", name: "Holo-Cube 3D", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/3d-view-letters-alphabet_23-2150499156.jpg" },
|
|
{ id: "2", name: "Deep-Space 8D Sphere", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-ferromagnetic-fluid-with-warm-colours-shades_23-2148253617.jpg" },
|
|
{ id: "3", name: "Neon-Trim Abstract", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-vector/vector-banner-label-collection_53876-81465.jpg" },
|
|
]}
|
|
title="Latest 3D & 8D Arrivals"
|
|
description="Choose from our premium selection of dimensional stickers."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
title="Community Love"
|
|
description="What our global creative community says about us."
|
|
testimonials={[
|
|
{ id: "t1", name: "Alex Rivers", role: "UI Designer", testimonial: "Absolutely obsessed with these new 8D designs.", icon: MessageSquare },
|
|
{ id: "t2", name: "Jamie Lee", role: "3D Artist", testimonial: "Sticker quality is unmatched. Pure visual art.", icon: MessageSquare },
|
|
{ id: "t3", name: "Sam Taylor", role: "Developer", testimonial: "Essential for my projects now.", icon: MessageSquare },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialProof" data-section="socialProof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Trusted by Innovative Brands"
|
|
description="Partnering with the industry's finest."
|
|
names={["Neon Dynamics", "Flux Creative", "CyberStudio", "Depth Labs", "PixelShift"]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{ title: "Product", items: [{ label: "3D Stickers" }, { label: "8D Collection" }, { label: "Custom Orders" }] },
|
|
{ title: "Company", items: [{ label: "About" }, { label: "Careers" }, { label: "Support" }] },
|
|
{ title: "Legal", items: [{ label: "Terms" }, { label: "Privacy" }, { label: "License" }] }
|
|
]}
|
|
bottomLeftText="© 2024 StickerVerse"
|
|
bottomRightText="All Rights Reserved"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |