198 lines
16 KiB
TypeScript
198 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { Trophy, Users, Briefcase, Lightbulb } from "lucide-react";
|
|
|
|
export default function Page() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Lux Agency"
|
|
navItems={[
|
|
{ "name": "Home", "id": "#hero" },
|
|
{ "name": "Services", "id": "#services" },
|
|
{ "name": "Portfolio", "id": "#portfolio" },
|
|
{ "name": "Clients", "id": "#clients" },
|
|
{ "name": "Team", "id": "#team" },
|
|
{ "name": "Contact", "id": "#contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
title="Elevate Your Brand with Unrivaled Digital Experiences"
|
|
description="We craft bespoke digital solutions that captivate audiences and drive unparalleled growth, imbued with a luxurious 3D aesthetic."
|
|
background={{ "variant": "plain" }}
|
|
mediaItems={[
|
|
{ "imageSrc": "http://img.b2bpic.net/free-photo/creative-3d-render-astronaut-flying-with-rocket-play-video-buttoon-web-development-banner-marketing-material-presentation-online-advertising_460848-11470.jpg", "imageAlt": "Luxurious 3D digital agency workspace" },
|
|
{ "imageSrc": "http://img.b2bpic.net/free-photo/futuristic-control-panel_23-2151957130.jpg", "imageAlt": "Futuristic business presentation with 3D graphics" },
|
|
{ "imageSrc": "http://img.b2bpic.net/free-photo/view-light-lamp-with-futuristic-design_23-2151037611.jpg", "imageAlt": "3D rendered abstract golden fluid shapes" },
|
|
{ "imageSrc": "http://img.b2bpic.net/free-photo/soft-bouncing-spheres-cluster_1048-16327.jpg", "imageAlt": "Luxury website design agency portfolio display" },
|
|
{ "imageSrc": "http://img.b2bpic.net/free-photo/abstract-rangoli-design-yellow-color-splatted-table_23-2148054201.jpg", "imageAlt": "Elegant 3D abstract background for luxury brand" }
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Our Legacy of Excellence and Innovation"
|
|
metrics={[
|
|
{ "icon": Trophy, "label": "Years in Business", "value": "15+" },
|
|
{ "icon": Users, "label": "Satisfied Clients", "value": "200+" },
|
|
{ "icon": Briefcase, "label": "Projects Completed", "value": "500+" },
|
|
{ "icon": Lightbulb, "label": "Ideas Realized", "value": "Infinite" }
|
|
]}
|
|
metricsAnimation="blur-reveal"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwelve
|
|
title="Bespoke Services for Elite Brands"
|
|
description="From visionary branding to immersive digital platforms, our services are tailored for distinction and impact."
|
|
features={[
|
|
{ "id": "branding", "label": "Brand Identity", "title": "Crafting Your Legacy", "items": ["Strategic Brand Consulting", "Logo & Visual System Design", "Brand Guidelines & Tone", "Market Positioning"] },
|
|
{ "id": "web", "label": "Digital Platforms", "title": "Engineering Experiences", "items": ["Custom Website Development", "UI/UX Design & Optimization", "E-commerce Solutions", "CMS Integration"] },
|
|
{ "id": "marketing", "label": "Digital Campaigns", "title": "Amplifying Your Voice", "items": ["SEO & Content Strategy", "Social Media Management", "Paid Media & PPC", "Analytics & Reporting"] }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardTwo
|
|
title="Our Curated Portfolio: Where Vision Meets Reality"
|
|
description="Explore a selection of our most impactful projects, showcasing innovative design and strategic execution across diverse luxury sectors."
|
|
products={[
|
|
{ "id": "project-1", "brand": "Luxury Auto", "name": "Next-Gen Driving Experience", "price": "View Case Study", "rating": 5, "reviewCount": "50+", "imageSrc": "http://img.b2bpic.net/free-photo/hand-holding-stylus-pen-tablet-screen-car_53876-95142.jpg", "imageAlt": "Luxury automotive brand website design" },
|
|
{ "id": "project-2", "brand": "High-End Hospitality", "name": "Boutique Hotel Booking", "price": "View Case Study", "rating": 5, "reviewCount": "45+", "imageSrc": "http://img.b2bpic.net/free-photo/map-direction-pin-tag-location-journey_53876-138669.jpg", "imageAlt": "Sophisticated hotel booking system UI" },
|
|
{ "id": "project-3", "brand": "Premium Retail", "name": "Exclusive E-commerce Platform", "price": "View Case Study", "rating": 5, "reviewCount": "60+", "imageSrc": "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292795.jpg", "imageAlt": "Bespoke interior design firm website" },
|
|
{ "id": "project-4", "brand": "Fintech Innovation", "name": "Secure Wealth Management App", "price": "View Case Study", "rating": 5, "reviewCount": "38+", "imageSrc": "http://img.b2bpic.net/free-photo/handsome-businessman-with-tablet_23-2147689155.jpg", "imageAlt": "Innovative fintech solution elegant UI" },
|
|
{ "id": "project-5", "brand": "Health & Wellness", "name": "Holistic Digital Care Portal", "price": "View Case Study", "rating": 5, "reviewCount": "52+", "imageSrc": "http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896856.jpg", "imageAlt": "Cutting-edge medical device marketing" },
|
|
{ "id": "project-6", "brand": "Sustainable Luxury", "name": "Eco-Chic Brand Redesign", "price": "View Case Study", "rating": 5, "reviewCount": "40+", "imageSrc": "http://img.b2bpic.net/free-photo/white-male-professional-reviewing-business-statistics-laptop-with-isolated-mockup-template_482257-136174.jpg", "imageAlt": "Sustainable luxury brand digital campaign" }
|
|
]}
|
|
carouselMode="buttons"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="clients" data-section="clients">
|
|
<SocialProofOne
|
|
title="Trusted by Industry Leaders"
|
|
description="Our commitment to excellence has earned the trust of prestigious brands worldwide, delivering impactful results and unparalleled service."
|
|
names={["Elite Dynamics", "Prestige Group", "Aura Ventures", "Zenith Innovations", "Grandeur Holdings", "Opulent Brands", "Majestic Solutions"]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
showCard={false}
|
|
/>
|
|
</div>
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Voices of Our Esteemed Clients"
|
|
description="Hear how Lux Agency has transformed businesses and exceeded expectations with unparalleled creativity and strategic insight."
|
|
testimonials={[
|
|
{ "id": "1", "name": "Eleanor Vance", "role": "CEO, Elite Dynamics", "testimonial": "Lux Agency delivered beyond our wildest expectations. Their understanding of luxury branding and digital prowess is unmatched. A truly transformative partnership.", "imageSrc": "http://img.b2bpic.net/free-photo/successful-mature-businessman-wearing-glasses-talking-cellphone-desk_74855-15199.jpg", "imageAlt": "Eleanor Vance" },
|
|
{ "id": "2", "name": "Marcus Thorne", "role": "Marketing Director, Prestige Group", "testimonial": "The team at Lux Agency brought our vision to life with exquisite detail and strategic precision. Our market presence has never been stronger. Highly recommended!", "imageSrc": "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-business-man-playing-digital-notebook-with-smiling-confident-face-white-backgroundcopy-space_1258-103939.jpg", "imageAlt": "Marcus Thorne" },
|
|
{ "id": "3", "name": "Sophia Rivera", "role": "CTO, Zenith Innovations", "testimonial": "Working with Lux Agency was a masterclass in digital excellence. Their innovative approach and flawless execution have set a new benchmark for our industry.", "imageSrc": "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269936.jpg", "imageAlt": "Sophia Rivera" },
|
|
{ "id": "4", "name": "Julian Blackwood", "role": "Head of Finance, Grandeur Holdings", "testimonial": "The bespoke solution developed by Lux Agency has streamlined our operations and elevated our client engagement. A truly invaluable partner for sophisticated digital needs.", "imageSrc": "http://img.b2bpic.net/free-photo/middle-aged-bald-man-suit-wearing-glasses-holding-laptop-looking-aside-confused-with-hand-his-head-mistake-standing-purple-wall_141793-62022.jpg", "imageAlt": "Julian Blackwood" },
|
|
{ "id": "5", "name": "Isabella Sterling", "role": "Founder, Opulent Brands", "testimonial": "Lux Agency's creative brilliance and dedication to perfection are simply outstanding. They understand luxury like no other, delivering results that speak volumes.", "imageSrc": "http://img.b2bpic.net/free-photo/portrait-engineer-job-site-work-hours_23-2151589637.jpg", "imageAlt": "Isabella Sterling" }
|
|
]}
|
|
carouselMode="buttons"
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="team" data-section="team">
|
|
<TeamCardSix
|
|
title="The Visionaries Behind Lux Agency"
|
|
description="Meet the brilliant minds and creative talents dedicated to bringing your extraordinary ideas to life with unparalleled expertise and passion."
|
|
members={[
|
|
{ "id": "member-1", "name": "Arthur Sterling", "role": "Chief Creative Officer", "imageSrc": "http://img.b2bpic.net/free-photo/creative-way-photograph-product_23-2148970208.jpg", "imageAlt": "Arthur Sterling" },
|
|
{ "id": "member-2", "name": "Vivian Dubois", "role": "Lead Digital Designer", "imageSrc": "http://img.b2bpic.net/free-photo/front-view-young-female-white-t-shirt-colored-coat-with-earphones-holding-rubics-cube-bag-pink-background_140725-26389.jpg", "imageAlt": "Vivian Dubois" },
|
|
{ "id": "member-3", "name": "Elias Vance", "role": "Head of Marketing Strategy", "imageSrc": "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg", "imageAlt": "Elias Vance" },
|
|
{ "id": "member-4", "name": "Seraphina Thorne", "role": "Director of Technology", "imageSrc": "http://img.b2bpic.net/free-photo/teleworker-apartment-workspace-checking-emails-laptop_482257-123065.jpg", "imageAlt": "Seraphina Thorne" },
|
|
{ "id": "member-5", "name": "Maximilian Aurelius", "role": "Client Relations Executive", "imageSrc": "http://img.b2bpic.net/free-photo/smiling-mature-businessman-looking-cellphone_23-2147899946.jpg", "imageAlt": "Maximilian Aurelius" }
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common inquiries about our services, process, and how Lux Agency can elevate your brand to new heights of digital excellence."
|
|
faqs={[
|
|
{ "id": "faq-1", "title": "What makes Lux Agency different from other agencies?", "content": "Lux Agency specializes in bespoke digital solutions with a focus on luxury branding and immersive 3D design. Our approach combines cutting-edge technology with refined aesthetics to deliver unparalleled results for discerning clients." },
|
|
{ "id": "faq-2", "title": "Can you handle comprehensive digital transformations?", "content": "Absolutely. We offer end-to-end services, from strategic consulting and brand identity creation to custom website development, advanced UI/UX, and targeted digital marketing campaigns. We ensure every touchpoint reflects your brand's luxury." },
|
|
{ "id": "faq-3", "title": "How long does a typical project take?", "content": "Project timelines vary depending on scope and complexity. A full digital transformation might take several months, while a targeted campaign could be weeks. We prioritize quality and transparent communication throughout the entire process." },
|
|
{ "id": "faq-4", "title": "What industries do you specialize in?", "content": "While we serve a diverse range of high-end clients, our expertise shines particularly in luxury automotive, haute couture, premium hospitality, exclusive fintech, and sophisticated real estate sectors. Our design philosophy transcends industries." }
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Connect"
|
|
title="Let's Craft Your Next Masterpiece"
|
|
description="Ready to discuss your vision? Reach out to our team to begin your journey to digital excellence and unlock unparalleled brand potential."
|
|
background={{ "variant": "radial-gradient" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-lighting-device-with-futuristic-design_23-2151037506.jpg"
|
|
imageAlt="Luxurious 3D design workspace"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="left"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Send Inquiry"
|
|
termsText="By clicking Send Inquiry you're confirming that you agree with our Terms and Conditions."
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoSrc="http://img.b2bpic.net/free-vector/template-classic-blue-abstract-business-card_23-2148438794.jpg"
|
|
logoAlt="Lux Agency Logo"
|
|
logoText="Lux Agency"
|
|
columns={[
|
|
{ "title": "Services", "items": [{ "label": "Brand Identity", "href": "#services" }, { "label": "Digital Platforms", "href": "#services" }, { "label": "Digital Campaigns", "href": "#services" }] },
|
|
{ "title": "Company", "items": [{ "label": "About Us", "href": "#about" }, { "label": "Portfolio", "href": "#portfolio" }, { "label": "Team", "href": "#team" }] },
|
|
{ "title": "Support", "items": [{ "label": "FAQ", "href": "#faq" }, { "label": "Contact", "href": "#contact" }, { "label": "Privacy Policy", "href": "#" }] }
|
|
]}
|
|
copyrightText="© 2024 Lux Agency. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|