Merge version_1 into main #2
336
src/app/page.tsx
336
src/app/page.tsx
@@ -32,69 +32,28 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Work",
|
||||
id: "work",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Work", id: "work" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
brandName="DEUS MEDIA"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="We don’t make videos. We craft cinematic stories."
|
||||
description="Award-winning production for couples, brands, and visionaries who demand more than content—they demand art. Serving Europe and beyond."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Call",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#work",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book a Call", href: "#contact" }, { text: "View Our Work", href: "#work" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-video-blogger-making-video-review-her-vlog_1303-18381.jpg?_wi=1",
|
||||
imageAlt: "Cinematic wedding production",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-york-city-ny-usa-october-20-2020-vessel-hudson-yards-staircase-designed-by-architect-thomas-heatherwick-midtown-manhattan-west_1321-2491.jpg?_wi=1",
|
||||
imageAlt: "Cinematic property film",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenager-doing-video-presenting-her-home-social-media-channels-fans_482257-119098.jpg",
|
||||
imageAlt: "Brand commercial",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-groom-with-unrecognizable-bride_1153-3057.jpg",
|
||||
imageAlt: "Wedding film",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-smartphone_23-2149356775.jpg?_wi=1",
|
||||
imageAlt: "Brand production",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-video-blogger-making-video-review-her-vlog_1303-18381.jpg", imageAlt: "Cinematic wedding production" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/new-york-city-ny-usa-october-20-2020-vessel-hudson-yards-staircase-designed-by-architect-thomas-heatherwick-midtown-manhattan-west_1321-2491.jpg", imageAlt: "Cinematic property film" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/teenager-doing-video-presenting-her-home-social-media-channels-fans_482257-119098.jpg", imageAlt: "Brand commercial" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/confident-groom-with-unrecognizable-bride_1153-3057.jpg", imageAlt: "Wedding film" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-smartphone_23-2149356775.jpg", imageAlt: "Brand production" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -104,14 +63,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Deus Weddings",
|
||||
"Luxury Estates",
|
||||
"Global Brands",
|
||||
"A24 Inspired",
|
||||
"Premium Events",
|
||||
"Creative Arts",
|
||||
]}
|
||||
names={["Deus Weddings", "Luxury Estates", "Global Brands", "A24 Inspired", "Premium Events", "Creative Arts"]}
|
||||
title="Trusted by Visionaries"
|
||||
description="Collaborating with industry leaders and creative souls worldwide."
|
||||
/>
|
||||
@@ -123,66 +75,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Deus Weddings",
|
||||
description: "Cinematic films documenting love with an editorial touch.",
|
||||
icon: Heart,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-photographer-taking-photos-bride_23-2150264501.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-groom-illuminated-by-light_1153-5195.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-video-blogger-making-video-review-her-vlog_1303-18381.jpg?_wi=2",
|
||||
imageAlt: "luxury wedding film cinematic",
|
||||
},
|
||||
{
|
||||
title: "Commercial & Brands",
|
||||
description: "High-impact visual narratives designed for conversion and brand authority.",
|
||||
icon: Briefcase,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-black-clothes-stands-grey-wall_8353-7850.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-developing-photos-darkroom_23-2149893983.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-puffing-cigar_1153-3062.jpg",
|
||||
imageAlt: "luxury wedding film cinematic",
|
||||
},
|
||||
{
|
||||
title: "Events & Corporate",
|
||||
description: "Capturing the energy and importance of your milestone events.",
|
||||
icon: Camera,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066357.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-reporter-outdoors_23-2149267736.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-smartphone_23-2149356775.jpg?_wi=2",
|
||||
imageAlt: "luxury wedding film cinematic",
|
||||
},
|
||||
{
|
||||
title: "Luxury Real Estate",
|
||||
description: "High-end cinematic property films that elevate your market presence.",
|
||||
icon: Building,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/temple-architecture-from-ancient-greek-civilization_23-2151664686.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empire-state-building-seen-from-apartment_23-2150897704.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-york-city-ny-usa-october-20-2020-vessel-hudson-yards-staircase-designed-by-architect-thomas-heatherwick-midtown-manhattan-west_1321-2491.jpg?_wi=2",
|
||||
imageAlt: "luxury wedding film cinematic",
|
||||
},
|
||||
{ title: "Deus Weddings", description: "Cinematic films documenting love with an editorial touch.", icon: Heart, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-photographer-taking-photos-bride_23-2150264501.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/bride-groom-illuminated-by-light_1153-5195.jpg" }] },
|
||||
{ title: "Commercial & Brands", description: "High-impact visual narratives designed for conversion and brand authority.", icon: Briefcase, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-black-clothes-stands-grey-wall_8353-7850.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-developing-photos-darkroom_23-2149893983.jpg" }] },
|
||||
{ title: "Events & Corporate", description: "Capturing the energy and importance of your milestone events.", icon: Camera, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera_23-2149066357.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-reporter-outdoors_23-2149267736.jpg" }] },
|
||||
{ title: "Luxury Real Estate", description: "High-end cinematic property films that elevate your market presence.", icon: Building, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/temple-architecture-from-ancient-greek-civilization_23-2151664686.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/empire-state-building-seen-from-apartment_23-2150897704.jpg" }] },
|
||||
]}
|
||||
title="Our Craft"
|
||||
description="We translate vision into movement, crafting bespoke experiences for our discerning clientele across diverse disciplines."
|
||||
@@ -196,48 +92,12 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "work-1",
|
||||
name: "Luxury Property Film",
|
||||
price: "Real Estate",
|
||||
variant: "Cinematic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-showcasing-their-home_23-2151624861.jpg",
|
||||
},
|
||||
{
|
||||
id: "work-2",
|
||||
name: "Fashion Brand Spot",
|
||||
price: "Commercial",
|
||||
variant: "Editorial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-surrounded-by-wavy-text_23-2150039704.jpg",
|
||||
},
|
||||
{
|
||||
id: "work-3",
|
||||
name: "Wedding Film",
|
||||
price: "Weddings",
|
||||
variant: "Storytelling",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-smelling-flowers-close-up_23-2148867036.jpg",
|
||||
},
|
||||
{
|
||||
id: "work-4",
|
||||
name: "Event Highlight",
|
||||
price: "Events",
|
||||
variant: "Motion",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066398.jpg",
|
||||
},
|
||||
{
|
||||
id: "work-5",
|
||||
name: "Brand Campaign",
|
||||
price: "Commercial",
|
||||
variant: "Artistic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-sunglasses-standing-near-source-light_250224-293.jpg",
|
||||
},
|
||||
{
|
||||
id: "work-6",
|
||||
name: "Intimate Wedding",
|
||||
price: "Weddings",
|
||||
variant: "Cinematic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bride-groom-wedding-dress-outdoor-wedding-photos_181624-42847.jpg",
|
||||
},
|
||||
{ id: "work-1", name: "Luxury Property Film", price: "Real Estate", variant: "Cinematic", imageSrc: "http://img.b2bpic.net/free-photo/family-showcasing-their-home_23-2151624861.jpg" },
|
||||
{ id: "work-2", name: "Fashion Brand Spot", price: "Commercial", variant: "Editorial", imageSrc: "http://img.b2bpic.net/free-photo/person-surrounded-by-wavy-text_23-2150039704.jpg" },
|
||||
{ id: "work-3", name: "Wedding Film", price: "Weddings", variant: "Storytelling", imageSrc: "http://img.b2bpic.net/free-photo/man-smelling-flowers-close-up_23-2148867036.jpg" },
|
||||
{ id: "work-4", name: "Event Highlight", price: "Events", variant: "Motion", imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066398.jpg" },
|
||||
{ id: "work-5", name: "Brand Campaign", price: "Commercial", variant: "Artistic", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-sunglasses-standing-near-source-light_250224-293.jpg" },
|
||||
{ id: "work-6", name: "Intimate Wedding", price: "Weddings", variant: "Cinematic", imageSrc: "http://img.b2bpic.net/free-photo/young-bride-groom-wedding-dress-outdoor-wedding-photos_181624-42847.jpg" },
|
||||
]}
|
||||
title="Featured Work"
|
||||
description="A curated selection of our finest cinematic storytelling."
|
||||
@@ -249,15 +109,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Art Through Vision"
|
||||
description={[
|
||||
"Deus Media Group was founded on the belief that video should move people, not just inform them.",
|
||||
"Based in Belgrade and working globally, we combine artistic soul with operational excellence. We don't just capture moments; we frame stories that define legacies.",
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn About Our Process",
|
||||
href: "#why",
|
||||
},
|
||||
]}
|
||||
"Deus Media Group was founded on the belief that video should move people, not just inform them.", "Based in Belgrade and working globally, we combine artistic soul with operational excellence. We don't just capture moments; we frame stories that define legacies."]}
|
||||
buttons={[{ text: "Learn About Our Process", href: "#why" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -267,36 +120,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Cinematic",
|
||||
title: "Artistic Excellence",
|
||||
items: [
|
||||
"Deep aesthetic focus",
|
||||
"Frame-perfect grading",
|
||||
"Emotion-led storytelling",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Reliable",
|
||||
title: "Operational Trust",
|
||||
items: [
|
||||
"Transparent delivery dates",
|
||||
"Professional planning",
|
||||
"Global experience",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "International",
|
||||
title: "Worldwide Reach",
|
||||
items: [
|
||||
"Expertise across borders",
|
||||
"Multi-cultural sensitivity",
|
||||
"Adaptive logistics",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "Cinematic", title: "Artistic Excellence", items: ["Deep aesthetic focus", "Frame-perfect grading", "Emotion-led storytelling"] },
|
||||
{ id: "m2", value: "Reliable", title: "Operational Trust", items: ["Transparent delivery dates", "Professional planning", "Global experience"] },
|
||||
{ id: "m3", value: "International", title: "Worldwide Reach", items: ["Expertise across borders", "Multi-cultural sensitivity", "Adaptive logistics"] },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="The difference between generic content and cinematic legacy lies in the details."
|
||||
@@ -309,46 +135,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena & Mark",
|
||||
handle: "Weddings",
|
||||
testimonial: "Deus Media Group captured our destination wedding in Tuscany perfectly. The film is pure art.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stunning-blonde-bride-standing-balcony-before-green-trees_8353-7075.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "Marketing Director",
|
||||
testimonial: "Exceptional professionalism. Our brand film increased conversion rates by 40%.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sceptical-creative-man-green-blazer-dark-background_613910-3829.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David Rossi",
|
||||
handle: "Luxury Real Estate",
|
||||
testimonial: "The property film elevated our listing instantly. They understood the vision immediately.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1354.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcus V.",
|
||||
handle: "Corporate",
|
||||
testimonial: "Seamless execution from Belgrade to the UK. Highly recommend their production team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-shot-handsome-young-man-sitting-cafe-front-table-drinking-coffee-wearing_1258-245344.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julia P.",
|
||||
handle: "Brand Manager",
|
||||
testimonial: "Collaborative, insightful, and incredibly creative. They are our go-to partner.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-cup_23-2149271079.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Elena & Mark", handle: "Weddings", testimonial: "Deus Media Group captured our destination wedding in Tuscany perfectly. The film is pure art.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-stunning-blonde-bride-standing-balcony-before-green-trees_8353-7075.jpg" },
|
||||
{ id: "t2", name: "Sarah Jenkins", handle: "Marketing Director", testimonial: "Exceptional professionalism. Our brand film increased conversion rates by 40%.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-sceptical-creative-man-green-blazer-dark-background_613910-3829.jpg" },
|
||||
{ id: "t3", name: "David Rossi", handle: "Luxury Real Estate", testimonial: "The property film elevated our listing instantly. They understood the vision immediately.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1354.jpg" },
|
||||
{ id: "t4", name: "Marcus V.", handle: "Corporate", testimonial: "Seamless execution from Belgrade to the UK. Highly recommend their production team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-shot-handsome-young-man-sitting-cafe-front-table-drinking-coffee-wearing_1258-245344.jpg" },
|
||||
{ id: "t5", name: "Julia P.", handle: "Brand Manager", testimonial: "Collaborative, insightful, and incredibly creative. They are our go-to partner.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-cup_23-2149271079.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What They Say"
|
||||
@@ -359,71 +150,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Let's Collaborate"
|
||||
title="Let’s create something powerful."
|
||||
description="Ready to tell your story? Reach out to discuss your project, budget, and vision. We are based in Belgrade and serve clients worldwide."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get a Quote", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Process",
|
||||
href: "#why",
|
||||
},
|
||||
{
|
||||
label: "Work",
|
||||
href: "#work",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Weddings",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Commercial",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Events",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Process", href: "#why" }, { label: "Work", href: "#work" }] },
|
||||
{ title: "Services", items: [{ label: "Weddings", href: "#services" }, { label: "Commercial", href: "#services" }, { label: "Events", href: "#services" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="DEUS MEDIA GROUP"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user