405 lines
17 KiB
TypeScript
405 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
|
import Link from "next/link";
|
|
import { Sparkles, Zap, Award, CheckCircle, Star } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Portfolio", id: "portfolio" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Social Media", id: "social-media" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "Services", href: "/services" },
|
|
{ label: "Portfolio", href: "/" },
|
|
{ label: "About", href: "/" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Social Media", href: "/" },
|
|
{ label: "Contact", href: "/" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Instagram", href: "https://instagram.com/luuxsign" },
|
|
{ label: "LinkedIn", href: "https://linkedin.com/company/luux-sign" },
|
|
{ label: "Facebook", href: "https://facebook.com/luuxsign" },
|
|
{ label: "Twitter", href: "https://twitter.com/luuxsign" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="Luux Sign & More"
|
|
navItems={navItems}
|
|
bottomLeftText="Premium Branding & Signage Studio"
|
|
bottomRightText="hello@luuxsign.nl"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Elevate Your Brand Presence"
|
|
description="Bespoke signage and branding solutions that transform spaces into immersive brand experiences. From concept to installation, we craft premium visual identities with meticulous attention to detail."
|
|
background={{ variant: "radial-gradient" }}
|
|
tag="Premium Creative Studio"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Explore Our Work",
|
|
href: "/",
|
|
},
|
|
{
|
|
text: "Get Started",
|
|
href: "/",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/sustainability-concept-with-geometric-forms-growing-plant_23-2148994234.jpg?_wi=1"
|
|
imageAlt="modern creative studio branding showcase white background"
|
|
mediaAnimation="blur-reveal"
|
|
imagePosition="right"
|
|
marqueeItems={[
|
|
{ type: "text", text: "Gevelreclame" },
|
|
{ type: "text", text: "Interieur Signing" },
|
|
{ type: "text", text: "Autobelettering" },
|
|
{ type: "text", text: "Raambelettering" },
|
|
{ type: "text", text: "Lichtreclame" },
|
|
{ type: "text", text: "Signing op Maat" },
|
|
]}
|
|
marqueeSpeed={35}
|
|
showMarqueeCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="About Luux Sign & More"
|
|
description={[
|
|
"Located in Dongen, Netherlands, Luux Sign & More is a premium creative studio specializing in bespoke branding and signage solutions. We believe that every brand deserves a distinctive visual identity that commands attention and creates lasting impressions.",
|
|
"Our philosophy centers on craftsmanship, innovation, and an unwavering commitment to quality. We collaborate closely with our clients to understand their vision, translate it into compelling visual narratives, and execute with precision at every stage—from concept development through installation.",
|
|
"With a team of skilled designers, engineers, and artisans, we transform spaces into powerful brand environments. Each project is treated as a unique opportunity to push creative boundaries and deliver work that exceeds expectations.",
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "View Our Process",
|
|
href: "/",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
showBorder={false}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNine
|
|
title="Our Services"
|
|
description="A comprehensive suite of premium signage and branding solutions tailored to elevate your business presence."
|
|
tag="Professional Solutions"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Gevelreclame",
|
|
description: "Eye-catching exterior facade signage designed to attract and engage customers. We create bold, memorable displays that define your street presence.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/subway-sign-metro-entrance-new-york_181624-43525.jpg?_wi=1",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/city-square_1359-564.jpg?_wi=1",
|
|
},
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Interieur Signing",
|
|
description: "Sophisticated interior signage solutions that enhance wayfinding, brand storytelling, and customer experience. From corporate offices to retail spaces.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-with-studies-n-cafeteria_23-2147778672.jpg?_wi=1",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-concrete-structure-city_23-2148798631.jpg?_wi=1",
|
|
},
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Autobelettering",
|
|
description: "Professional vehicle wrapping and lettering that turns your fleet into mobile billboards. Durable, striking, and impossible to ignore.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-vector/set-three-horizontal-web-banners-header-website-promotion_1017-51647.jpg?_wi=1",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-vector/collection-three-web-business-banner-layout-corporate-websites_1017-55921.jpg?_wi=1",
|
|
},
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Raambelettering",
|
|
description: "Custom window lettering and displays that optimize visibility while maintaining aesthetic appeal. Perfect for retail and commercial storefronts.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/we-are-open-glass-wall-coffee-shop_53876-63393.jpg",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-girl-walking-down-street-funny-sunglasses_231208-2827.jpg",
|
|
},
|
|
},
|
|
{
|
|
id: 5,
|
|
title: "Lichtreclame",
|
|
description: "Illuminated signage solutions that captivate day and night. From LED displays to neon-style lighting, we create luminous brand statements.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/city-night-with-architecture-vibrant-lights_23-2149836934.jpg",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/lights-night-city_23-2148139600.jpg",
|
|
},
|
|
},
|
|
{
|
|
id: 6,
|
|
title: "Signing op Maat",
|
|
description: "Fully custom signage solutions tailored to your unique brand requirements. We design and produce bespoke pieces that reflect your vision perfectly.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/orchard-sign-singapore_74190-282.jpg",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094597.jpg",
|
|
},
|
|
},
|
|
]}
|
|
showStepNumbers={true}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio-preview" data-section="portfolio-preview">
|
|
<ProductCardTwo
|
|
title="Featured Portfolio Projects"
|
|
description="A selection of our most impactful work showcasing diverse industries, creative excellence, and meticulous execution."
|
|
tag="Case Studies"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
gridVariant="bento-grid"
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
brand: "Luxury Retail",
|
|
name: "Premium Boutique Facade Signage",
|
|
price: "€8,500",
|
|
rating: 5,
|
|
reviewCount: "12",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892961.jpg",
|
|
imageAlt: "Luxury boutique storefront signage with gold accents",
|
|
},
|
|
{
|
|
id: "2",
|
|
brand: "Corporate Office",
|
|
name: "Multi-Story Interior Branding",
|
|
price: "€15,200",
|
|
rating: 5,
|
|
reviewCount: "8",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-553.jpg",
|
|
imageAlt: "Modern corporate office interior signage and wayfinding",
|
|
},
|
|
{
|
|
id: "3",
|
|
brand: "Restaurant & Bar",
|
|
name: "Illuminated Neon-Style Signage",
|
|
price: "€6,800",
|
|
rating: 5,
|
|
reviewCount: "15",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/bright-neon-signs_23-2147569493.jpg",
|
|
imageAlt: "Glowing neon-style restaurant signage at night",
|
|
},
|
|
{
|
|
id: "4",
|
|
brand: "Fleet Company",
|
|
name: "Complete Vehicle Wrap Series",
|
|
price: "€12,400",
|
|
rating: 5,
|
|
reviewCount: "10",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-door-details_23-2149342622.jpg",
|
|
imageAlt: "Professional vehicle wrapping with corporate branding",
|
|
},
|
|
{
|
|
id: "5",
|
|
brand: "Healthcare Clinic",
|
|
name: "Comprehensive Wayfinding System",
|
|
price: "€9,300",
|
|
rating: 5,
|
|
reviewCount: "9",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/indoor-hotel-view_1417-1565.jpg",
|
|
imageAlt: "Modern healthcare facility interior signage system",
|
|
},
|
|
{
|
|
id: "6",
|
|
brand: "Fashion Retail",
|
|
name: "Window Display & Glass Lettering",
|
|
price: "€5,600",
|
|
rating: 5,
|
|
reviewCount: "11",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/summer-sales-banner-templates-with-flowers_23-2148440650.jpg",
|
|
imageAlt: "Elegant window display with custom glass lettering",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="process" data-section="process">
|
|
<MetricCardSeven
|
|
title="Our Collaborative Process"
|
|
description="A refined four-step methodology that ensures your vision becomes reality with precision, creativity, and exceptional quality at every stage."
|
|
tag="Workflow"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
value: "Concept",
|
|
title: "Strategy & Ideation",
|
|
items: [
|
|
"In-depth brand analysis",
|
|
"Market positioning study",
|
|
"Creative brainstorming sessions",
|
|
"Detailed concept documentation",
|
|
],
|
|
},
|
|
{
|
|
id: "2",
|
|
value: "Design",
|
|
title: "Visual Development",
|
|
items: [
|
|
"Detailed design mockups",
|
|
"Multiple creative directions",
|
|
"Client collaboration & refinement",
|
|
"Technical specifications",
|
|
],
|
|
},
|
|
{
|
|
id: "3",
|
|
value: "Production",
|
|
title: "Manufacturing & Fabrication",
|
|
items: [
|
|
"Premium material selection",
|
|
"Precision manufacturing",
|
|
"Quality control checks",
|
|
"Finishing & preparation",
|
|
],
|
|
},
|
|
{
|
|
id: "4",
|
|
value: "Installation",
|
|
title: "Professional Deployment",
|
|
items: [
|
|
"Site assessment & planning",
|
|
"Expert installation team",
|
|
"Final touch-ups & testing",
|
|
"Ongoing maintenance support",
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="Client Success Stories"
|
|
description="Hear from brands and businesses that have transformed their presence with Luux Sign & More."
|
|
tag="Client Testimonials"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
title: "Exceptional Quality & Professionalism",
|
|
quote: "Luux transformed our retail space with stunning facade signage that immediately increased customer engagement. Their attention to detail and creative vision exceeded our expectations.",
|
|
name: "Marcus van den Berg",
|
|
role: "Retail Manager",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/confused-businessman-office_1098-3136.jpg",
|
|
imageAlt: "professional portrait businessman retail manager headshot",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Premium Service from Start to Finish",
|
|
quote: "Working with Luux was seamless. From concept through installation, they demonstrated exceptional craftsmanship and responsiveness. Our corporate branding project is now a source of pride.",
|
|
name: "Emma Hartman",
|
|
role: "Corporate Director",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-sitting-couch-smiling_23-2148095699.jpg",
|
|
imageAlt: "professional portrait businesswoman corporate director headshot",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Transformed Our Brand Visibility",
|
|
quote: "The vehicle wraps we commissioned are absolute showstoppers. Luux's team understood our brand essence and translated it into compelling mobile advertising that generates attention everywhere we go.",
|
|
name: "Stefan Knieling",
|
|
role: "Fleet Operations Manager",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-by-truck-guy-delivery-uniform-man-with-clipboard_1157-46178.jpg",
|
|
imageAlt: "professional portrait businessman fleet manager headshot",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Creative Excellence & Reliability",
|
|
quote: "Our restaurant needed something special, and Luux delivered. The illuminated signage they created has become iconic in our neighborhood. Professional, creative, and reliable throughout the entire process.",
|
|
name: "Lucia Rodriguez",
|
|
role: "Restaurant Owner",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
|
imageAlt: "professional portrait businesswoman restaurant owner headshot",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Luux Sign & More"
|
|
columns={footerColumns}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |