development/1f046d04-6924-4c45-9990-d284bc4e6f29
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
development
2025-12-28 07:53:34 +00:00
parent 8092614af5
commit bead6e06a1
1 changed files with 110 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

229
src/app/page.tsx
View File

@@ -1,15 +1,15 @@
"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import SplitAboutMetric from '@/components/sections/about/SplitAboutMetric';
import FeatureCardEleven from '@/components/sections/feature/FeatureCardEleven';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Sparkles, Users, Linkedin, Instagram, Twitter, Mail } from "lucide-react";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Sparkles, Users } from "lucide-react";
export default function LandingPage() {
return (
@@ -26,7 +26,7 @@ export default function LandingPage() {
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
<NavbarStyleFullscreen
brandName="Lumina"
navItems={[
{name: "About", id: "about"},
@@ -35,145 +35,144 @@ export default function LandingPage() {
{name: "Team", id: "team"},
{name: "Contact", id: "contact"}
]}
button={{
text: "Get Started",
href: "#contact"
}}
bottomLeftText="Global Community"
bottomRightText="hello@lumina.agency"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
title="Elevate Your Brand to Luxury Status"
<HeroLogoBillboardSplit
logoText="LUMINA"
description="We craft premium marketing experiences that captivate, convert, and create lasting impressions for discerning brands."
tag="Boutique Marketing Agency"
tagIcon={Sparkles}
kpis={[
{value: "500+", label: "Brands Elevated"},
{value: "98%", label: "Client Satisfaction"},
{value: "8 Years", label: "Industry Leadership"}
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766488005357-9beefs8k.jpg"
imageAlt="Luxury agency workspace"
buttons={[
{text: "Explore Our Work", href: "#testimonials"},
{text: "Schedule Consultation", href: "#contact"}
]}
imagePosition="right"
layoutOrder="default"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766488005357-9beefs8k.jpg"
imageAlt="Luxury agency workspace"
frameStyle="browser"
/>
</div>
<div id="about" data-section="about">
<SplitAboutMetric
<MediaAbout
title="Redefining Marketing Excellence"
description={["Lumina is a boutique creative agency dedicated to transforming visionary brands into market leaders. With a refined approach to strategy, design, and execution, we deliver bespoke marketing solutions that transcend expectations."]}
metrics={[
{label: "Strategic Campaigns Delivered", value: "2,400+"},
{label: "Average ROI Increase", value: "340%"}
description="Lumina is a boutique creative agency dedicated to transforming visionary brands into market leaders. With a refined approach to strategy, design, and execution, we deliver bespoke marketing solutions that transcend expectations."
tag="About Us"
tagIcon={Sparkles}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140103339-f3be0gdh.jpg"
imageAlt="Our agency team"
buttons={[
{text: "Learn More", href: "#services"}
]}
useInvertedBackground="noInvert"
/>
</div>
<div id="services" data-section="services">
<FeatureCardEleven
<FeatureCardSixteen
title="Our Premium Services"
description="Bespoke solutions engineered for brands that refuse to compromise on quality or impact."
tag="Excellence in Every Detail"
features={[
{
id: 1,
title: "Strategic Brand Positioning",
description: "We develop comprehensive positioning strategies that establish your brand as the premium choice in your market, supported by competitive research and market intelligence.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140103339-f3be0gdh.jpg"
},
{
id: 2,
title: "Creative Excellence",
description: "Our award-winning creative team delivers visually stunning campaigns that capture attention and communicate your brand's unique value proposition with elegance.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766908163029-8ap4s2kb.jpg"
},
{
id: 3,
title: "Performance Analytics",
description: "Data-driven insights that measure impact and optimize every campaign. We track metrics that matter and continuously refine for maximum ROI.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766890620033-sckgfvwd.jpg"
}
]}
animationType="opacity"
textboxLayout="default"
useInvertedBackground="noInvert"
usePrimaryButtonImage={false}
/>
</div>
<div id="team" data-section="team">
<TeamCardFive
title="Meet Our Creative Collective"
description="Visionary leaders and innovative thinkers united by a passion for excellence."
tag="Leadership"
tagIcon={Users}
team={[
{
id: "1",
name: "Alexandra Chen",
role: "Creative Director",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg"
},
{
id: "2",
name: "Marcus Sterling",
role: "Strategy Lead",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg"
},
{
id: "3",
name: "Sophia Arendelle",
role: "Brand Architect",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140103339-f3be0gdh.jpg"
},
{
id: "4",
name: "Julian Kross",
role: "Digital Innovator",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140104217-wfflli6f.jpg"
}
]}
negativeCard={{
title: "Without Strategic Direction",
items: [
"Inconsistent brand messaging",
"Lost market opportunities",
"Weak competitive positioning"
]
}}
positiveCard={{
title: "With Lumina Partnership",
items: [
"Unified brand presence",
"Premium market positioning",
"Measurable growth and ROI"
]
}}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
/>
</div>
<div id="team" data-section="team">
<TeamCardTen
title="Meet Our Creative Collective"
tag="Leadership"
members={[
{
id: "1",
name: "Alexandra Chen",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
imageAlt: "Alexandra Chen"
},
{
id: "2",
name: "Marcus Sterling",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
imageAlt: "Marcus Sterling"
},
{
id: "3",
name: "Sophia Arendelle",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140103339-f3be0gdh.jpg",
imageAlt: "Sophia Arendelle"
},
{
id: "4",
name: "Julian Kross",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140104217-wfflli6f.jpg",
imageAlt: "Julian Kross"
}
]}
memberVariant="card"
useInvertedBackground="noInvert"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardEleven
<TestimonialCardEight
title="Trusted by Industry Leaders"
description="See how we've transformed brands and delivered exceptional results."
tag="Client Success Stories"
testimonials={[
{
id: "1",
nameTitle: "Victoria Ashford, CEO of LuxeRetail",
quote: "Lumina transformed our brand narrative. Within six months, we saw a 420% increase in premium customer acquisition.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg"
name: "Victoria Ashford",
role: "CEO",
company: "LuxeRetail",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
imageAlt: "Victoria Ashford"
},
{
id: "2",
nameTitle: "James Wellington, Founder of PrestigeHotel",
quote: "Their strategic approach and creative excellence elevated our positioning. We now command premium pricing with ease.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184200876-idjoemdc.jpg"
name: "James Wellington",
role: "Founder",
company: "PrestigeHotel",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184200876-idjoemdc.jpg",
imageAlt: "James Wellington"
},
{
id: "3",
nameTitle: "Isabella Rodriguez, Marketing Director of EleganceCollective",
quote: "Best partnership decision we made. Every campaign exceeded expectations and strengthened our luxury market position.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320185368-un006460.jpg"
name: "Isabella Rodriguez",
role: "Marketing Director",
company: "EleganceCollective",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320185368-un006460.jpg",
imageAlt: "Isabella Rodriguez"
},
{
id: "4",
nameTitle: "Sebastian Morrison, Chief Brand Officer",
quote: "Lumina doesn't just market brands—they transform them. Exceptional strategic thinking and flawless execution.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320184384-whnns6as.jpg"
name: "Sebastian Morrison",
role: "Chief Brand Officer",
company: "Morrison Inc",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320184384-whnns6as.jpg",
imageAlt: "Sebastian Morrison"
}
]}
textboxLayout="default"
@@ -182,21 +181,19 @@ export default function LandingPage() {
</div>
<div id="contact" data-section="contact">
<ContactText
text="Ready to elevate your brand to extraordinary heights? Let's create something iconic together."
animationType="entrance-slide"
buttons={[
{text: "Start Your Journey", href: "#"},
{text: "Schedule Discovery Call", href: "#"}
]}
<ContactCenter
tag="Newsletter"
title="Stay Updated with Our Latest News"
description="Ready to elevate your brand to extraordinary heights? Subscribe to our newsletter for weekly updates and exclusive content."
tagIcon={Sparkles}
useInvertedBackground="noInvert"
onSubmit={(email) => console.log(email)}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseSocial
<FooterBaseCard
logoText="Lumina"
description="Premium marketing solutions for discerning brands. Elevating excellence through strategic creativity."
columns={[
{
title: "Services",
@@ -223,12 +220,6 @@ export default function LandingPage() {
]
}
]}
socialLinks={[
{icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn"},
{icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram"},
{icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter"},
{icon: Mail, href: "mailto:hello@lumina.agency", ariaLabel: "Email"}
]}
copyrightText="© 2025 Lumina. Crafted with excellence."
/>
</div>