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

Compare commits

base: development:version_1
Branches Tags
development:main development:version_3 development:version_2 development:version_1
..
compare: development:version_3
Branches Tags
development:main development:version_3 development:version_2 development:version_1

3 Commits
version_1 ... version_3

Author SHA1 Message Date
development
f074790353 Update src/app/layout.tsx 2025-12-28 07:55:46 +00:00
development
54b8b158b5 Update src/app/globals.css 2025-12-28 07:55:45 +00:00
development
bead6e06a1 Update src/app/page.tsx 2025-12-28 07:53:34 +00:00
3 changed files with 123 additions and 132 deletions
Expand all files Collapse all files

18
src/app/globals.css
View File

@@ -4,13 +4,13 @@
/* Base units */ /* Base units */
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
--background: #0a0a0a;; --background: #080000;
--card: #1a1a1a;; --card: #1e0d0d;
--foreground: #ffffff;; --foreground: #ffe6e6;
--primary-cta: #ffcf40;; --primary-cta: #ff7a7a;
--secondary-cta: #1a1a1a;; --secondary-cta: #1e0909;
--accent: #ffcf40;; --accent: #7b4242;
--background-accent: #ffcf40;; --background-accent: #65292c;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -495,7 +495,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-playfair-display), sans-serif; font-family: var(--font-inter), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -508,5 +508,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-playfair-display), sans-serif; font-family: var(--font-inter), sans-serif;
} }

8
src/app/layout.tsx
View File

@@ -1,11 +1,11 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Playfair_Display } from "next/font/google"; import { Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
const playfairDisplay = Playfair_Display({ const inter = Inter({
variable: "--font-playfair-display", variable: "--font-inter",
subsets: ["latin"], subsets: ["latin"],
}); });
@@ -34,7 +34,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body
className={playfairDisplay.variable} className={inter.variable}
> >
<Tag /> <Tag />
{children} {children}

229
src/app/page.tsx
View File

@@ -1,15 +1,15 @@
"use client" "use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi'; import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import SplitAboutMetric from '@/components/sections/about/SplitAboutMetric'; import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardEleven from '@/components/sections/feature/FeatureCardEleven'; import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import TeamCardFive from '@/components/sections/team/TeamCardFive'; import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven'; import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
import ContactText from '@/components/sections/contact/ContactText'; import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial'; import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Sparkles, Users, Linkedin, Instagram, Twitter, Mail } from "lucide-react"; import { Sparkles, Users } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -26,7 +26,7 @@ export default function LandingPage() {
headingFontWeight="light" headingFontWeight="light"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarStyleFullscreen
brandName="Lumina" brandName="Lumina"
navItems={[ navItems={[
{name: "About", id: "about"}, {name: "About", id: "about"},
@@ -35,145 +35,144 @@ export default function LandingPage() {
{name: "Team", id: "team"}, {name: "Team", id: "team"},
{name: "Contact", id: "contact"} {name: "Contact", id: "contact"}
]} ]}
button={{ bottomLeftText="Global Community"
text: "Get Started", bottomRightText="hello@lumina.agency"
href: "#contact"
}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitKpi <HeroLogoBillboardSplit
title="Elevate Your Brand to Luxury Status" logoText="LUMINA"
description="We craft premium marketing experiences that captivate, convert, and create lasting impressions for discerning brands." 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={[ buttons={[
{text: "Explore Our Work", href: "#testimonials"}, {text: "Explore Our Work", href: "#testimonials"},
{text: "Schedule Consultation", href: "#contact"} {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>
<div id="about" data-section="about"> <div id="about" data-section="about">
<SplitAboutMetric <MediaAbout
title="Redefining Marketing Excellence" 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."]} 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={[ tag="About Us"
{label: "Strategic Campaigns Delivered", value: "2,400+"}, tagIcon={Sparkles}
{label: "Average ROI Increase", value: "340%"} 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" useInvertedBackground="noInvert"
/> />
</div> </div>
<div id="services" data-section="services"> <div id="services" data-section="services">
<FeatureCardEleven <FeatureCardSixteen
title="Our Premium Services" title="Our Premium Services"
description="Bespoke solutions engineered for brands that refuse to compromise on quality or impact." description="Bespoke solutions engineered for brands that refuse to compromise on quality or impact."
tag="Excellence in Every Detail" tag="Excellence in Every Detail"
features={[ negativeCard={{
{ title: "Without Strategic Direction",
id: 1, items: [
title: "Strategic Brand Positioning", "Inconsistent brand messaging",
description: "We develop comprehensive positioning strategies that establish your brand as the premium choice in your market, supported by competitive research and market intelligence.", "Lost market opportunities",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140103339-f3be0gdh.jpg" "Weak competitive positioning"
}, ]
{ }}
id: 2, positiveCard={{
title: "Creative Excellence", title: "With Lumina Partnership",
description: "Our award-winning creative team delivers visually stunning campaigns that capture attention and communicate your brand's unique value proposition with elegance.", items: [
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766908163029-8ap4s2kb.jpg" "Unified brand presence",
}, "Premium market positioning",
{ "Measurable growth and ROI"
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"
}
]}
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground="noInvert" useInvertedBackground="noInvert"
/> />
</div> </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"> <div id="testimonials" data-section="testimonials">
<TestimonialCardEleven <TestimonialCardEight
title="Trusted by Industry Leaders" title="Trusted by Industry Leaders"
description="See how we've transformed brands and delivered exceptional results." description="See how we've transformed brands and delivered exceptional results."
tag="Client Success Stories" tag="Client Success Stories"
testimonials={[ testimonials={[
{ {
id: "1", id: "1",
nameTitle: "Victoria Ashford, CEO of LuxeRetail", name: "Victoria Ashford",
quote: "Lumina transformed our brand narrative. Within six months, we saw a 420% increase in premium customer acquisition.", role: "CEO",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg" company: "LuxeRetail",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
imageAlt: "Victoria Ashford"
}, },
{ {
id: "2", id: "2",
nameTitle: "James Wellington, Founder of PrestigeHotel", name: "James Wellington",
quote: "Their strategic approach and creative excellence elevated our positioning. We now command premium pricing with ease.", role: "Founder",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184200876-idjoemdc.jpg" company: "PrestigeHotel",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184200876-idjoemdc.jpg",
imageAlt: "James Wellington"
}, },
{ {
id: "3", id: "3",
nameTitle: "Isabella Rodriguez, Marketing Director of EleganceCollective", name: "Isabella Rodriguez",
quote: "Best partnership decision we made. Every campaign exceeded expectations and strengthened our luxury market position.", role: "Marketing Director",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320185368-un006460.jpg" company: "EleganceCollective",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320185368-un006460.jpg",
imageAlt: "Isabella Rodriguez"
}, },
{ {
id: "4", id: "4",
nameTitle: "Sebastian Morrison, Chief Brand Officer", name: "Sebastian Morrison",
quote: "Lumina doesn't just market brands—they transform them. Exceptional strategic thinking and flawless execution.", role: "Chief Brand Officer",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320184384-whnns6as.jpg" 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" textboxLayout="default"
@@ -182,21 +181,19 @@ export default function LandingPage() {
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactText <ContactCenter
text="Ready to elevate your brand to extraordinary heights? Let's create something iconic together." tag="Newsletter"
animationType="entrance-slide" title="Stay Updated with Our Latest News"
buttons={[ description="Ready to elevate your brand to extraordinary heights? Subscribe to our newsletter for weekly updates and exclusive content."
{text: "Start Your Journey", href: "#"}, tagIcon={Sparkles}
{text: "Schedule Discovery Call", href: "#"}
]}
useInvertedBackground="noInvert" useInvertedBackground="noInvert"
onSubmit={(email) => console.log(email)}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseSocial <FooterBaseCard
logoText="Lumina" logoText="Lumina"
description="Premium marketing solutions for discerning brands. Elevating excellence through strategic creativity."
columns={[ columns={[
{ {
title: "Services", 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." copyrightText="© 2025 Lumina. Crafted with excellence."
/> />
</div> </div>