Initial commit
This commit is contained in:
237
src/app/page.tsx
Normal file
237
src/app/page.tsx
Normal file
@@ -0,0 +1,237 @@
|
||||
"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";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="none"
|
||||
cardStyle="solid-accent"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Lumina"
|
||||
navItems={[
|
||||
{name: "About", id: "about"},
|
||||
{name: "Services", id: "services"},
|
||||
{name: "Work", id: "testimonials"},
|
||||
{name: "Team", id: "team"},
|
||||
{name: "Contact", id: "contact"}
|
||||
]}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
title="Elevate Your Brand to Luxury Status"
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAboutMetric
|
||||
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%"}
|
||||
]}
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardEleven
|
||||
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"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardEleven
|
||||
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"
|
||||
},
|
||||
{
|
||||
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"
|
||||
},
|
||||
{
|
||||
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"
|
||||
},
|
||||
{
|
||||
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"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</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: "#"}
|
||||
]}
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseSocial
|
||||
logoText="Lumina"
|
||||
description="Premium marketing solutions for discerning brands. Elevating excellence through strategic creativity."
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{label: "Brand Strategy", href: "services"},
|
||||
{label: "Creative Direction", href: "services"},
|
||||
{label: "Digital Marketing", href: "services"}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{label: "About Us", href: "about"},
|
||||
{label: "Our Team", href: "team"},
|
||||
{label: "Case Studies", href: "testimonials"}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{label: "Blog", href: "#"},
|
||||
{label: "Insights", href: "#"},
|
||||
{label: "Contact", href: "contact"}
|
||||
]
|
||||
}
|
||||
]}
|
||||
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>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user