Merge version_1 into main #2
200
src/app/page.tsx
200
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Portfolio", id: "projects"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MARIAD"
|
||||
/>
|
||||
@@ -54,97 +46,51 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="MARIAD Production"
|
||||
description="Led by Kangana Agrawal, we redefine cinematic reality. Digital Alchemy through 3D refraction and psychological storytelling."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Kangana Agrawal",
|
||||
handle: "@mariadprod",
|
||||
testimonial: "Reality is just the beginning. 100+ cinematic sequences delivered.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-ferromagnetic-blurred-mirrored-metal_23-2148253666.jpg?_wi=1",
|
||||
imageAlt: "abstract dark glass shards gold light",
|
||||
},
|
||||
name: "Kangana Agrawal", handle: "@mariadprod", testimonial: "Reality is just the beginning. 100+ cinematic sequences delivered.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-ferromagnetic-blurred-mirrored-metal_23-2148253666.jpg", imageAlt: "abstract dark glass shards gold light"},
|
||||
{
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne_vfx",
|
||||
testimonial: "The most innovative VFX house I've worked with this decade.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-particle-dust-powder-sparkle-explosion-background_1017-41841.jpg?_wi=1",
|
||||
imageAlt: "abstract particles mind silhouette",
|
||||
},
|
||||
name: "Marcus Thorne", handle: "@mthorne_vfx", testimonial: "The most innovative VFX house I've worked with this decade.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-particle-dust-powder-sparkle-explosion-background_1017-41841.jpg", imageAlt: "abstract particles mind silhouette"},
|
||||
{
|
||||
name: "Elena Vance",
|
||||
handle: "@vance_directs",
|
||||
testimonial: "MARIAD turned our static script into a living, breathing reality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-polish-texture_23-2148111061.jpg?_wi=1",
|
||||
imageAlt: "sci-fi movie poster dark aesthetic",
|
||||
},
|
||||
name: "Elena Vance", handle: "@vance_directs", testimonial: "MARIAD turned our static script into a living, breathing reality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-polish-texture_23-2148111061.jpg", imageAlt: "sci-fi movie poster dark aesthetic"},
|
||||
{
|
||||
name: "David Wu",
|
||||
handle: "@dwu_cine",
|
||||
testimonial: "Obsidian and gold—the aesthetic is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zrmihr",
|
||||
imageAlt: "minimalist film production studio logo",
|
||||
},
|
||||
name: "David Wu", handle: "@dwu_cine", testimonial: "Obsidian and gold—the aesthetic is unmatched.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zrmihr", imageAlt: "minimalist film production studio logo"},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sj_prod",
|
||||
testimonial: "Cinematic excellence defined.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/video-player-left-side_187299-47439.jpg",
|
||||
imageAlt: "digital streaming service logo",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sj_prod", testimonial: "Cinematic excellence defined.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/video-player-left-side_187299-47439.jpg", imageAlt: "digital streaming service logo"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-ferromagnetic-blurred-mirrored-metal_23-2148253666.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-ferromagnetic-blurred-mirrored-metal_23-2148253666.jpg"
|
||||
imageAlt="3D Refractive Core"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zrmihr",
|
||||
alt: "Avatar 1",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zrmihr", alt: "Avatar 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/video-player-left-side_187299-47439.jpg",
|
||||
alt: "Avatar 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/video-player-left-side_187299-47439.jpg", alt: "Avatar 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/play-cloud-logo-color-template_361591-1884.jpg",
|
||||
alt: "Avatar 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-vector/play-cloud-logo-color-template_361591-1884.jpg", alt: "Avatar 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/muted-color-palette-label-set_23-2150061562.jpg",
|
||||
alt: "Avatar 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-vector/muted-color-palette-label-set_23-2150061562.jpg", alt: "Avatar 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-celebrating-world-population-day_23-2151493200.jpg",
|
||||
alt: "Avatar 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-celebrating-world-population-day_23-2151493200.jpg", alt: "Avatar 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Digital Alchemy",
|
||||
},
|
||||
type: "text", text: "Digital Alchemy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "3D Refraction",
|
||||
},
|
||||
type: "text", text: "3D Refraction"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Psychological Thrillers",
|
||||
},
|
||||
type: "text", text: "Psychological Thrillers"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cinematic Motion",
|
||||
},
|
||||
type: "text", text: "Cinematic Motion"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Immersive Reality",
|
||||
},
|
||||
type: "text", text: "Immersive Reality"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -154,47 +100,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="The Creator's Mind"
|
||||
description={[
|
||||
"Founded by Kangana Agrawal, MARIAD Production blends advanced digital artistry with narrative depth.",
|
||||
"We don't just film; we explore fractured consciousness and sci-fi boundaries.",
|
||||
]}
|
||||
"Founded by Kangana Agrawal, MARIAD Production blends advanced digital artistry with narrative depth.", "We don't just film; we explore fractured consciousness and sci-fi boundaries."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "GLITCH: Reality Rewritten",
|
||||
tags: [
|
||||
"Sci-Fi",
|
||||
"Thriller",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-polish-texture_23-2148111061.jpg?_wi=2",
|
||||
imageAlt: "Glitch Project",
|
||||
},
|
||||
id: "1", title: "GLITCH: Reality Rewritten", tags: [
|
||||
"Sci-Fi", "Thriller"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-polish-texture_23-2148111061.jpg", imageAlt: "Glitch Project"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Fractured Conscious",
|
||||
tags: [
|
||||
"Mind",
|
||||
"Narrative",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-particle-dust-powder-sparkle-explosion-background_1017-41841.jpg?_wi=2",
|
||||
imageAlt: "Abstract Mind",
|
||||
},
|
||||
id: "2", title: "Fractured Conscious", tags: [
|
||||
"Mind", "Narrative"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-particle-dust-powder-sparkle-explosion-background_1017-41841.jpg", imageAlt: "Abstract Mind"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Ethereal Sequences",
|
||||
tags: [
|
||||
"VFX",
|
||||
"Cinematic",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-ferromagnetic-blurred-mirrored-metal_23-2148253666.jpg?_wi=3",
|
||||
imageAlt: "Refractive core",
|
||||
},
|
||||
id: "3", title: "Ethereal Sequences", tags: [
|
||||
"VFX", "Cinematic"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-ferromagnetic-blurred-mirrored-metal_23-2148253666.jpg", imageAlt: "Refractive core"},
|
||||
]}
|
||||
title="Ongoing Exploration"
|
||||
description="Featured production currently in development."
|
||||
@@ -206,14 +133,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"FilmFlow",
|
||||
"Cinematic Nexus",
|
||||
"VFX Labs",
|
||||
"StoryArc",
|
||||
"DreamGrid",
|
||||
"VisionStream",
|
||||
"Narrative One",
|
||||
]}
|
||||
"FilmFlow", "Cinematic Nexus", "VFX Labs", "StoryArc", "DreamGrid", "VisionStream", "Narrative One"]}
|
||||
title="Industry Partners"
|
||||
description="Collaborating with global cinematic leaders."
|
||||
/>
|
||||
@@ -225,26 +145,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do you handle post-processing?",
|
||||
content: "We use custom opaline glitch shaders and refractive ray-tracing to achieve our unique visual identity.",
|
||||
},
|
||||
id: "1", title: "How do you handle post-processing?", content: "We use custom opaline glitch shaders and refractive ray-tracing to achieve our unique visual identity."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are you taking new projects?",
|
||||
content: "Kangana is currently focused on GLITCH, but open to innovative collaborations.",
|
||||
},
|
||||
id: "2", title: "Are you taking new projects?", content: "Kangana is currently focused on GLITCH, but open to innovative collaborations."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can we hear the ambient soundscapes?",
|
||||
content: "Yes, our minimalist visualizer toggle is available on every project interface.",
|
||||
},
|
||||
id: "3", title: "Can we hear the ambient soundscapes?", content: "Yes, our minimalist visualizer toggle is available on every project interface."},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
title="Production FAQs"
|
||||
description="Common inquiries about our cinematic workflow."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-ferromagnetic-blurred-mirrored-metal_23-2148253666.jpg?_wi=4"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-ferromagnetic-blurred-mirrored-metal_23-2148253666.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -252,8 +163,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Connect"
|
||||
title="Work with MARIAD"
|
||||
description="Let's bring your reality into our digital realm."
|
||||
@@ -265,29 +175,19 @@ export default function LandingPage() {
|
||||
logoText="MARIAD"
|
||||
columns={[
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
title: "Studio", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
label: "Projects", href: "#projects"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -296,4 +196,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user