Merge version_1 into main #2
287
src/app/page.tsx
287
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Philosophy",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Philosophy", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Team", id: "#team" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Elysium Media"
|
||||
/>
|
||||
@@ -62,34 +47,14 @@ export default function LandingPage() {
|
||||
title="Redefining Digital Presence"
|
||||
description="Crafting bespoke digital experiences that bridge the gap between innovation and human connection."
|
||||
tag="PREMIUM MEDIA SOLUTIONS"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smart-medical-lab-workstation-background-with-digital-apps-computer-screen_482257-124525.jpg?_wi=1"
|
||||
buttons={[{ text: "Start Project", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smart-medical-lab-workstation-background-with-digital-apps-computer-screen_482257-124525.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-vening-street_1303-3837.jpg",
|
||||
alt: "Business woman in the evening street",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56021.jpg",
|
||||
alt: "Young woman model holding a book on a red wall",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-businesswoman-looking-away_23-2148452694.jpg",
|
||||
alt: "Confident businesswoman looking away",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/traveler-studio-portrait-handsome-bearded-man-wearing-ca_613910-12296.jpg",
|
||||
alt: "Traveler. Studio portrait of a handsome bearded man",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
|
||||
alt: "Smiley tattoo artist indoors side view",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-woman-vening-street_1303-3837.jpg", alt: "Business woman in the evening street" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56021.jpg", alt: "Young woman model holding a book on a red wall" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-businesswoman-looking-away_23-2148452694.jpg", alt: "Confident businesswoman looking away" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/traveler-studio-portrait-handsome-bearded-man-wearing-ca_613910-12296.jpg", alt: "Traveler. Studio portrait of a handsome bearded man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg", alt: "Smiley tattoo artist indoors side view" },
|
||||
]}
|
||||
avatarText="Trusted by 50+ global partners"
|
||||
/>
|
||||
@@ -103,7 +68,7 @@ export default function LandingPage() {
|
||||
description="We are a boutique agency specializing in high-end media creation, brand strategy, and immersive digital storytelling. Our focus is on precision, elegance, and measurable impact for brands with a vision."
|
||||
subdescription="Through our meticulous process, we ensure every piece of content, every digital interaction, and every brand touchpoint aligns with our clients' core identity."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917889.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917889.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -115,64 +80,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Brand Strategy",
|
||||
description: "Defining your brand's narrative and market differentiation strategy.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-architectural-office-filled-with-manufacturing-tools_482257-82937.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
text: "Strategic positioning",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Comprehensive analysis",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-medical-lab-workstation-background-with-digital-apps-computer-screen_482257-124525.jpg?_wi=2",
|
||||
imageAlt: "cinematic creative studio workspace",
|
||||
title: "Brand Strategy", description: "Defining your brand's narrative and market differentiation strategy.", media: { imageSrc: "http://img.b2bpic.net/free-photo/empty-architectural-office-filled-with-manufacturing-tools_482257-82937.jpg" },
|
||||
items: [{ icon: Award, text: "Strategic positioning" }, { icon: CheckCircle, text: "Comprehensive analysis" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Visual Storytelling",
|
||||
description: "Creating cinematic visuals that captivate audiences and drive engagement.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-prism-light-deflection_23-2148599289.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Cinematic production",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "High-impact editing",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917889.jpg?_wi=2",
|
||||
imageAlt: "cinematic creative studio workspace",
|
||||
title: "Visual Storytelling", description: "Creating cinematic visuals that captivate audiences and drive engagement.", media: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-prism-light-deflection_23-2148599289.jpg" },
|
||||
items: [{ icon: Zap, text: "Cinematic production" }, { icon: Shield, text: "High-impact editing" }],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Interactive Digital",
|
||||
description: "Developing cutting-edge web experiences that set new industry benchmarks.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-arrangement-work_23-2151976861.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Star,
|
||||
text: "Custom web development",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Seamless user experience",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-confident-businessman-glasses-speaking-beige-wall_176420-136.jpg?_wi=1",
|
||||
imageAlt: "cinematic creative studio workspace",
|
||||
title: "Interactive Digital", description: "Developing cutting-edge web experiences that set new industry benchmarks.", media: { imageSrc: "http://img.b2bpic.net/free-photo/studio-arrangement-work_23-2151976861.jpg" },
|
||||
items: [{ icon: Star, text: "Custom web development" }, { icon: CheckCircle, text: "Seamless user experience" }],
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Media Services"
|
||||
@@ -186,24 +106,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Award,
|
||||
title: "Industry Awards",
|
||||
value: "45+",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: Star,
|
||||
title: "Brands Elevated",
|
||||
value: "120+",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
icon: Zap,
|
||||
title: "Hours of Media",
|
||||
value: "5k+",
|
||||
},
|
||||
{ id: "1", icon: Award, title: "Industry Awards", value: "45+" },
|
||||
{ id: "2", icon: Star, title: "Brands Elevated", value: "120+" },
|
||||
{ id: "3", icon: Zap, title: "Hours of Media", value: "5k+" },
|
||||
]}
|
||||
title="Our Impact in Numbers"
|
||||
description="Proven results for the world's most discerning brands."
|
||||
@@ -215,46 +120,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Exceptional Quality",
|
||||
quote: "The team transformed our vision into a cinematic reality.",
|
||||
name: "Julian V.",
|
||||
role: "Creative Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sweater-white-shirt-posing-with-folded-arms-looking-confident-front-view_176474-111650.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Strategic Vision",
|
||||
quote: "Their strategy led to a 40% increase in brand awareness.",
|
||||
name: "Elena R.",
|
||||
role: "VP Marketing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-looking-window_23-2148415845.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Precision Execution",
|
||||
quote: "A truly premium agency that delivers on every promise.",
|
||||
name: "Marcus S.",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167445.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Industry Leader",
|
||||
quote: "Working with them was the best investment we made.",
|
||||
name: "Sarah P.",
|
||||
role: "Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman-close-up_23-2148746290.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Incredible Creativity",
|
||||
quote: "Their visual storytelling is unmatched in the industry.",
|
||||
name: "David L.",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-studio_23-2148565552.jpg",
|
||||
},
|
||||
{ id: "1", title: "Exceptional Quality", quote: "The team transformed our vision into a cinematic reality.", name: "Julian V.", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sweater-white-shirt-posing-with-folded-arms-looking-confident-front-view_176474-111650.jpg" },
|
||||
{ id: "2", title: "Strategic Vision", quote: "Their strategy led to a 40% increase in brand awareness.", name: "Elena R.", role: "VP Marketing", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-looking-window_23-2148415845.jpg" },
|
||||
{ id: "3", title: "Precision Execution", quote: "A truly premium agency that delivers on every promise.", name: "Marcus S.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167445.jpg" },
|
||||
{ id: "4", title: "Industry Leader", quote: "Working with them was the best investment we made.", name: "Sarah P.", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman-close-up_23-2148746290.jpg" },
|
||||
{ id: "5", title: "Incredible Creativity", quote: "Their visual storytelling is unmatched in the industry.", name: "David L.", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-studio_23-2148565552.jpg" },
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="The foundation of our growth is our clients' success."
|
||||
@@ -268,41 +138,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
groups={[
|
||||
{
|
||||
id: "core",
|
||||
groupTitle: "Leadership Team",
|
||||
members: [
|
||||
{
|
||||
id: "1",
|
||||
title: "Founder & CD",
|
||||
subtitle: "Visionary",
|
||||
detail: "15+ years of design innovation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-confident-businessman-glasses-speaking-beige-wall_176420-136.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Lead Strategist",
|
||||
subtitle: "Planner",
|
||||
detail: "Specialist in brand positioning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-painter-white-shirt-striped-t-shirt-sitting-floor-thoughtfully-looking-camera-while-drawing-by-watercolor-with-paint-tools-near-home_574295-3776.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Creative Lead",
|
||||
subtitle: "Visuals",
|
||||
detail: "Expert in cinematic narrative.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Project Lead",
|
||||
subtitle: "Execution",
|
||||
detail: "Ensuring flawless delivery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-medical-lab-workstation-background-with-digital-apps-computer-screen_482257-124525.jpg?_wi=3",
|
||||
imageAlt: "professional creative director headshot",
|
||||
},
|
||||
id: "core", groupTitle: "Leadership Team", members: [
|
||||
{ id: "1", title: "Founder & CD", subtitle: "Visionary", detail: "15+ years of design innovation.", imageSrc: "http://img.b2bpic.net/free-photo/successful-confident-businessman-glasses-speaking-beige-wall_176420-136.jpg" },
|
||||
{ id: "2", title: "Lead Strategist", subtitle: "Planner", detail: "Specialist in brand positioning.", imageSrc: "http://img.b2bpic.net/free-photo/young-painter-white-shirt-striped-t-shirt-sitting-floor-thoughtfully-looking-camera-while-drawing-by-watercolor-with-paint-tools-near-home_574295-3776.jpg" },
|
||||
{ id: "3", title: "Creative Lead", subtitle: "Visuals", detail: "Expert in cinematic narrative.", imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg" },
|
||||
{ id: "4", title: "Project Lead", subtitle: "Execution", detail: "Ensuring flawless delivery.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg" },
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="The Minds Behind Elysium"
|
||||
description="A diverse collective of creative professionals, strategists, and technologists."
|
||||
@@ -314,21 +156,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is the onboarding process?",
|
||||
content: "We begin with a strategic discovery session to align on vision.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can you handle large-scale campaigns?",
|
||||
content: "Absolutely. We are equipped for global scale production.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What industries do you work with?",
|
||||
content: "We serve luxury, tech, and lifestyle sectors.",
|
||||
},
|
||||
{ id: "1", title: "What is the onboarding process?", content: "We begin with a strategic discovery session to align on vision." },
|
||||
{ id: "2", title: "Can you handle large-scale campaigns?", content: "Absolutely. We are equipped for global scale production." },
|
||||
{ id: "3", title: "What industries do you work with?", content: "We serve luxury, tech, and lifestyle sectors." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Understanding our collaborative process."
|
||||
@@ -339,16 +169,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
text="Ready to redefine your brand presence? Let's talk."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@elysiummedia.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@elysiummedia.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -357,29 +180,15 @@ export default function LandingPage() {
|
||||
logoText="Elysium Media"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Philosophy",
|
||||
href: "#about",
|
||||
},
|
||||
title: "Links", items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Philosophy", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
title: "Connect", items: [
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user