172 lines
11 KiB
TypeScript
172 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { Lightbulb, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSmall"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="re:print"
|
|
navItems={[
|
|
{ name: "Products", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Gallery", id: "gallery" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
]}
|
|
button={{ text: "Shop Now", href: "#products" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="re:print"
|
|
description="Discover stunning handcrafted lamps, custom keychains, and personalized light boxes that bring your imagination to life. Every product is uniquely yours."
|
|
buttons={[
|
|
{ text: "Start Shopping", href: "#products" },
|
|
{ text: "Learn Our Story", href: "#about" },
|
|
]}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/selective-focus-shot-modern-lamp-with-light-bulb-inside-building_181624-58123.jpg"
|
|
imageAlt="Beautiful custom lamp display"
|
|
frameStyle="card"
|
|
mediaAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
buttonContainerClassName="flex gap-4 justify-center"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
title="Featured Products"
|
|
description="Hand-selected pieces from our latest collections. Each product is crafted with precision and passion for individuality."
|
|
tag="Shop Collection"
|
|
products={[
|
|
{ id: "1", name: "Neon Glow Lamp", price: "$129.00", imageSrc: "http://img.b2bpic.net/free-vector/yellow-glowing-lines-black-background_53876-118395.jpg", imageAlt: "Vibrant neon glow lamp"},
|
|
{ id: "2", name: "Custom Keychain", price: "$24.99", imageSrc: "http://img.b2bpic.net/free-photo/cute-gift-set-holiday-cup-toy-blue-colors_169016-19804.jpg", imageAlt: "Personalized custom keychain"},
|
|
{ id: "3", name: "LED Light Box", price: "$89.99", imageSrc: "http://img.b2bpic.net/free-photo/black-friday-banners-clothes-rack-clothing-store-close-up-promotional-signs-marketing-retail-business-campaign-event-merchandise-with-price-tags-department-shop_482257-65363.jpg", imageAlt: "Customizable LED light box"},
|
|
{ id: "4", name: "Desk Lamp Pro", price: "$159.00", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-smartphone-as-habit_23-2149240939.jpg", imageAlt: "Professional desk lamp"},
|
|
{ id: "5", name: "Minimalist Pendant", price: "$99.99", imageSrc: "http://img.b2bpic.net/free-photo/lamp_23-2148098570.jpg", imageAlt: "Modern pendant light fixture"},
|
|
{ id: "6", name: "Personalized Gift Set", price: "$199.00", imageSrc: "http://img.b2bpic.net/free-vector/realistic-hand-drawn-floral-business-card-template_23-2148392769.jpg", imageAlt: "Premium gift set collection"},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Our Mission"
|
|
title="Lighting Your World with Custom Design"
|
|
description="Founded in 2019"
|
|
subdescription="re:print Studio"
|
|
icon={Lightbulb}
|
|
imageSrc="http://img.b2bpic.net/free-photo/high-angle-crocheting-yarn-desk-assortment_23-2149386359.jpg"
|
|
imageAlt="re:print creative studio workspace"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<FeatureCardTwentySeven
|
|
title="Why Choose re:print"
|
|
description="Explore what makes our lighting and accessories exceptional"
|
|
tag="Product Highlights"
|
|
features={[
|
|
{ id: "1", title: "Custom Design", description: "Personalize every lamp, keychain, and light box to match your unique style and preferences", imageSrc: "http://img.b2bpic.net/free-photo/man-working-desk-top-view_23-2149930937.jpg", imageAlt: "Custom design process"},
|
|
{ id: "2", title: "Premium Materials", description: "Handpicked materials sourced globally for durability and aesthetic excellence", imageSrc: "http://img.b2bpic.net/free-photo/suitmaker-tailor-cutting-fabric_482257-78193.jpg", imageAlt: "Premium material quality"},
|
|
{ id: "3", title: "Eco-Friendly", description: "Sustainable manufacturing practices and recyclable packaging for a better planet", imageSrc: "http://img.b2bpic.net/free-photo/close-up-green-planet-your-hands-save-earth_1150-12732.jpg", imageAlt: "Eco-friendly production"},
|
|
{ id: "4", title: "Fast Shipping", description: "Quick turnaround times and reliable delivery to get your custom creations to you fast", imageSrc: "http://img.b2bpic.net/free-photo/express-delivery-package-handover_23-2151994433.jpg", imageAlt: "Fast shipping service"},
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Creative Minds"
|
|
description="Join thousands of customers who trust re:print for their custom lighting and accessory needs"
|
|
tag="Partners & Features"
|
|
names={[
|
|
"Design Weekly", "Creative Collective", "Maker Magazine", "Style & Light", "Modern Home", "Artisan Network", "Decor Today", "Custom Creators"]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah Mitchell", imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg", imageAlt: "portrait woman headshot professional"},
|
|
{ id: "2", name: "James Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "portrait man headshot professional"},
|
|
{ id: "3", name: "Emma Chen", imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg", imageAlt: "portrait woman headshot professional"},
|
|
{ id: "4", name: "Marcus Thompson", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "portrait man headshot professional"},
|
|
{ id: "5", name: "Lisa Anderson", imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg", imageAlt: "portrait woman headshot professional"},
|
|
{ id: "6", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "portrait man headshot professional"},
|
|
]}
|
|
cardTitle="Over 5,000+ customers love re:print's custom lighting and accessories"
|
|
cardTag="5,000+ Happy Customers"
|
|
cardTagIcon={Users}
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="newsletter" data-section="newsletter">
|
|
<ContactSplit
|
|
tag="Newsletter"
|
|
title="Stay Illuminated"
|
|
description="Get exclusive access to new collections, special offers, and design inspiration delivered to your inbox."
|
|
background={{ variant: "animated-grid" }}
|
|
useInvertedBackground={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/join-us-register-newsletter-concept_53876-132697.jpg"
|
|
imageAlt="Newsletter signup inspiration"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Sign Up"
|
|
termsText="We respect your privacy. Unsubscribe anytime."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="re:print"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|