Merge version_2 into main

Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-04-03 10:19:10 +00:00

View File

@@ -13,7 +13,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, Rocket, Sparkles, Star, Users } from "lucide-react";
import { Award, Rocket, Sparkles, Star, Users, ArrowRight } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,22 +33,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Work",
id: "#work",
},
{
name: "Services",
id: "#services",
},
{
name: "About",
id: "#about",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Work", id: "#work" },
{ name: "Services", id: "#services" },
{ name: "About", id: "#about" },
{ name: "Contact", id: "#contact" },
]}
brandName="Lumina Creative"
/>
@@ -56,118 +44,44 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
title="Where Vision Meets Digital Precision."
description="Lumina Creative crafts high-end digital experiences for brands that demand excellence. We blend artistry with robust engineering to build the future of the web."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/world-happy-pride-day-laptop_23-2148516277.jpg?_wi=1",
imageAlt: "Concept 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-sitting-table_23-2149345221.jpg?_wi=1",
imageAlt: "Concept 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797638.jpg?_wi=1",
imageAlt: "Concept 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/burning-paper-background-still-life_23-2150093312.jpg?_wi=1",
imageAlt: "Concept 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/bright-turquoise-yellow-paint_23-2147745432.jpg?_wi=1",
imageAlt: "Concept 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/messy-office-desk-still-life_23-2150155614.jpg?_wi=1",
imageAlt: "Concept 6",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/world-happy-pride-day-laptop_23-2148516277.jpg", imageAlt: "Concept 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-sitting-table_23-2149345221.jpg", imageAlt: "Concept 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797638.jpg", imageAlt: "Concept 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/burning-paper-background-still-life_23-2150093312.jpg", imageAlt: "Concept 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/bright-turquoise-yellow-paint_23-2147745432.jpg", imageAlt: "Concept 5" },
{ imageSrc: "http://img.b2bpic.net/free-photo/messy-office-desk-still-life_23-2150155614.jpg", imageAlt: "Concept 6" },
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/messy-office-desk-still-life_23-2150155614.jpg?_wi=2",
imageAlt: "Concept 6",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/bright-turquoise-yellow-paint_23-2147745432.jpg?_wi=2",
imageAlt: "Concept 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/burning-paper-background-still-life_23-2150093312.jpg?_wi=2",
imageAlt: "Concept 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797638.jpg?_wi=2",
imageAlt: "Concept 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-sitting-table_23-2149345221.jpg?_wi=2",
imageAlt: "Concept 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/world-happy-pride-day-laptop_23-2148516277.jpg?_wi=2",
imageAlt: "Concept 1",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/messy-office-desk-still-life_23-2150155614.jpg", imageAlt: "Concept 6" },
{ imageSrc: "http://img.b2bpic.net/free-photo/bright-turquoise-yellow-paint_23-2147745432.jpg", imageAlt: "Concept 5" },
{ imageSrc: "http://img.b2bpic.net/free-photo/burning-paper-background-still-life_23-2150093312.jpg", imageAlt: "Concept 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797638.jpg", imageAlt: "Concept 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-sitting-table_23-2149345221.jpg", imageAlt: "Concept 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/world-happy-pride-day-laptop_23-2148516277.jpg", imageAlt: "Concept 1" },
]}
tag="Award-Winning Digital Agency"
buttons={[
{
text: "View Our Work",
href: "#work",
},
{
text: "Start a Project",
href: "#contact",
},
{ text: "View Our Work", href: "#work" },
{ text: "Start a Project", href: "#contact" },
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/young-man-with-beard-holding-virtual-currency-bitcoin-retail-shop-smiling-with-idea-question-pointing-finger-with-happy-face-number-one_839833-28138.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/talented-writer-is-ready-present-his-new-book-he-is-doing-last-notes_613910-14617.jpg",
alt: "Client 5",
},
{ src: "http://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/young-man-with-beard-holding-virtual-currency-bitcoin-retail-shop-smiling-with-idea-question-pointing-finger-with-happy-face-number-one_839833-28138.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/talented-writer-is-ready-present-his-new-book-he-is-doing-last-notes_613910-14617.jpg", alt: "Client 5" },
]}
avatarText="Trusted by 500+ global brands"
marqueeItems={[
{
type: "text",
text: "Innovation",
},
{
type: "text",
text: "Design",
},
{
type: "text",
text: "Engineering",
},
{
type: "text",
text: "Strategy",
},
{
type: "text",
text: "Growth",
},
{ type: "text", text: "Innovation" },
{ type: "text", text: "Design" },
{ type: "text", text: "Engineering" },
{ type: "text", text: "Strategy" },
{ type: "text", text: "Growth" },
]}
/>
</div>
@@ -178,28 +92,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Strategy",
description: "Defining your digital identity through data and creative research.",
bentoComponent: "globe",
imageSrc: "http://img.b2bpic.net/free-photo/world-happy-pride-day-laptop_23-2148516277.jpg?_wi=3",
imageAlt: "digital agency office concept dark theme",
},
{
title: "UI Design",
description: "Pixel-perfect interfaces crafted to drive user engagement and conversion.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-sitting-table_23-2149345221.jpg?_wi=3",
imageAlt: "design studio professional working atmosphere",
},
{
title: "Web Development",
description: "Robust, scalable codebases built on the latest technologies.",
bentoComponent: "animated-bar-chart",
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797638.jpg?_wi=3",
imageAlt: "modern architecture design studio high end",
},
{ title: "Strategy", description: "Defining your digital identity through data and creative research.", bentoComponent: "globe" },
{ title: "UI Design", description: "Pixel-perfect interfaces crafted to drive user engagement and conversion.", bentoComponent: "reveal-icon", icon: Sparkles },
{ title: "Web Development", description: "Robust, scalable codebases built on the latest technologies.", bentoComponent: "animated-bar-chart" },
]}
title="Full-Service Digital Innovation"
description="We offer a suite of services designed to propel your brand into the digital era with sophistication and technical edge."
@@ -211,24 +106,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Tech Haven",
description: "Modern SaaS platform redesign for a Silicon Valley startup.",
imageSrc: "http://img.b2bpic.net/free-psd/hand-drawn-asian-restaurant-instagram-posts-template_23-2149962864.jpg?_wi=1",
buttonIcon: "ArrowRight",
},
{
title: "Global Logistics",
description: "Dynamic web solution for international shipping operations.",
imageSrc: "http://img.b2bpic.net/free-psd/hand-drawn-asian-restaurant-instagram-posts-template_23-2149962864.jpg?_wi=2",
buttonIcon: "ArrowRight",
},
{
title: "Fintech Solutions",
description: "High-security banking interface with custom analytics.",
imageSrc: "http://img.b2bpic.net/free-psd/hand-drawn-asian-restaurant-instagram-posts-template_23-2149962864.jpg?_wi=3",
buttonIcon: "ArrowRight",
},
{ title: "Tech Haven", description: "Modern SaaS platform redesign for a Silicon Valley startup.", imageSrc: "http://img.b2bpic.net/free-psd/hand-drawn-asian-restaurant-instagram-posts-template_23-2149962864.jpg", buttonIcon: ArrowRight },
{ title: "Global Logistics", description: "Dynamic web solution for international shipping operations.", imageSrc: "http://img.b2bpic.net/free-psd/hand-drawn-asian-restaurant-instagram-posts-template_23-2149962864.jpg", buttonIcon: ArrowRight },
{ title: "Fintech Solutions", description: "High-security banking interface with custom analytics.", imageSrc: "http://img.b2bpic.net/free-psd/hand-drawn-asian-restaurant-instagram-posts-template_23-2149962864.jpg", buttonIcon: ArrowRight },
]}
title="Selected Work"
description="A glimpse into our recent collaborations with visionary brands across the globe."
@@ -242,26 +122,11 @@ export default function LandingPage() {
rating={5}
author="Sarah Jenkins, CTO at NovaTech"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/young-man-with-beard-holding-virtual-currency-bitcoin-retail-shop-smiling-with-idea-question-pointing-finger-with-happy-face-number-one_839833-28138.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/talented-writer-is-ready-present-his-new-book-he-is-doing-last-notes_613910-14617.jpg",
alt: "Client 5",
},
{ src: "http://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/young-man-with-beard-holding-virtual-currency-bitcoin-retail-shop-smiling-with-idea-question-pointing-finger-with-happy-face-number-one_839833-28138.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/talented-writer-is-ready-present-his-new-book-he-is-doing-last-notes_613910-14617.jpg", alt: "Client 5" },
]}
ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal"
@@ -275,34 +140,10 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "150+",
title: "Projects Launched",
description: "Successful deployments globally.",
icon: Rocket,
},
{
id: "m2",
value: "20+",
title: "Industry Awards",
description: "Recognized for creative excellence.",
icon: Award,
},
{
id: "m3",
value: "85%",
title: "User Retention",
description: "Average increase in user retention.",
icon: Users,
},
{
id: "m4",
value: "4.9",
title: "Avg. Client Rating",
description: "Trusted by market leaders.",
icon: Star,
},
{ id: "m1", value: "150+", title: "Projects Launched", description: "Successful deployments globally.", icon: Rocket },
{ id: "m2", value: "20+", title: "Industry Awards", description: "Recognized for creative excellence.", icon: Award },
{ id: "m3", value: "85%", title: "User Retention", description: "Average increase in user retention.", icon: Users },
{ id: "m4", value: "4.9", title: "Avg. Client Rating", description: "Trusted by market leaders.", icon: Star },
]}
title="Agency Impact"
description="Our work delivers tangible growth and measurable outcomes for our clients."
@@ -313,19 +154,14 @@ export default function LandingPage() {
<FeatureCardSixteen
textboxLayout="split"
useInvertedBackground={true}
animationType="slide-up"
negativeCard={{
items: [
"No Hidden Fees",
"No Generic Templates",
"No Compromise on Quality",
],
"No Hidden Fees", "No Generic Templates", "No Compromise on Quality"],
}}
positiveCard={{
items: [
"Deep Discovery Phase",
"Strategic User Research",
"Collaborative Design Workshops",
],
"Deep Discovery Phase", "Strategic User Research", "Collaborative Design Workshops"],
}}
title="Our Approach"
description="How we turn complex challenges into simple, elegant solutions."
@@ -338,30 +174,10 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
team={[
{
id: "t1",
name: "Alex Rivers",
role: "Creative Director",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-young-businessman-glasses_1262-3810.jpg",
},
{
id: "t2",
name: "Jamie Chen",
role: "Head of Design",
imageSrc: "http://img.b2bpic.net/free-photo/woman-designer-with-musical-earphones-standing-office-holding-folder_1303-32105.jpg",
},
{
id: "t3",
name: "Morgan West",
role: "Tech Lead",
imageSrc: "http://img.b2bpic.net/free-photo/military-girl-camouflage-uniform-against-army-background-shooting-range_627829-8532.jpg",
},
{
id: "t4",
name: "Jordan P.",
role: "Senior Developer",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-art-studio_23-2149705900.jpg",
},
{ id: "t1", name: "Alex Rivers", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-young-businessman-glasses_1262-3810.jpg" },
{ id: "t2", name: "Jamie Chen", role: "Head of Design", imageSrc: "http://img.b2bpic.net/free-photo/woman-designer-with-musical-earphones-standing-office-holding-folder_1303-32105.jpg" },
{ id: "t3", name: "Morgan West", role: "Tech Lead", imageSrc: "http://img.b2bpic.net/free-photo/military-girl-camouflage-uniform-against-army-background-shooting-range_627829-8532.jpg" },
{ id: "t4", name: "Jordan P.", role: "Senior Developer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-art-studio_23-2149705900.jpg" },
]}
title="The Creators"
description="Meet the minds behind Lumina Creative."
@@ -373,21 +189,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "How long does a project take?",
content: "Most projects take 6-12 weeks depending on scope.",
},
{
id: "f2",
title: "Do you offer ongoing support?",
content: "Yes, we provide monthly maintenance packages.",
},
{
id: "f3",
title: "Can you handle enterprise projects?",
content: "We specialize in scaling platforms for enterprise needs.",
},
{ id: "f1", title: "How long does a project take?", content: "Most projects take 6-12 weeks depending on scope." },
{ id: "f2", title: "Do you offer ongoing support?", content: "Yes, we provide monthly maintenance packages." },
{ id: "f3", title: "Can you handle enterprise projects?", content: "We specialize in scaling platforms for enterprise needs." },
]}
title="Frequently Asked"
description="Quick answers to common questions about our agency process."
@@ -398,18 +202,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
tag="Ready to Start?"
title="Let's Build Something Extraordinary"
description="We are currently accepting new partnerships. Reach out to discuss your project vision."
buttons={[
{
text: "Contact Us",
href: "mailto:hello@luminacreative.com",
},
]}
buttons={[{ text: "Contact Us", href: "mailto:hello@luminacreative.com" }]}
/>
</div>
@@ -417,42 +214,21 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Company",
items: [
{
label: "Work",
href: "#work",
},
{
label: "About",
href: "#about",
},
title: "Company", items: [
{ label: "Work", href: "#work" },
{ label: "About", href: "#about" },
],
},
{
title: "Services",
items: [
{
label: "UI Design",
href: "#services",
},
{
label: "Development",
href: "#services",
},
title: "Services", items: [
{ label: "UI Design", href: "#services" },
{ label: "Development", href: "#services" },
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
title: "Legal", items: [
{ label: "Privacy", href: "#" },
{ label: "Terms", href: "#" },
],
},
]}
@@ -462,4 +238,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}