228 lines
8.4 KiB
TypeScript
228 lines
8.4 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
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 (
|
|
<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">
|
|
<NavbarStyleFullscreen
|
|
brandName="Lumina"
|
|
navItems={[
|
|
{name: "About", id: "about"},
|
|
{name: "Services", id: "services"},
|
|
{name: "Work", id: "testimonials"},
|
|
{name: "Team", id: "team"},
|
|
{name: "Contact", id: "contact"}
|
|
]}
|
|
bottomLeftText="Global Community"
|
|
bottomRightText="hello@lumina.agency"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="LUMINA"
|
|
description="We craft premium marketing experiences that captivate, convert, and create lasting impressions for discerning brands."
|
|
buttons={[
|
|
{text: "Explore Our Work", href: "#testimonials"},
|
|
{text: "Schedule Consultation", href: "#contact"}
|
|
]}
|
|
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">
|
|
<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."
|
|
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">
|
|
<FeatureCardSixteen
|
|
title="Our Premium Services"
|
|
description="Bespoke solutions engineered for brands that refuse to compromise on quality or impact."
|
|
tag="Excellence in Every Detail"
|
|
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">
|
|
<TestimonialCardEight
|
|
title="Trusted by Industry Leaders"
|
|
description="See how we've transformed brands and delivered exceptional results."
|
|
tag="Client Success Stories"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
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",
|
|
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",
|
|
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",
|
|
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"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<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">
|
|
<FooterBaseCard
|
|
logoText="Lumina"
|
|
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"}
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Lumina. Crafted with excellence."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |