Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-24 08:40:52 +00:00

View File

@@ -31,26 +31,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Portfolio",
id: "portfolio",
},
{
name: "Team",
id: "team",
},
{
name: "Contact",
id: "contact",
},
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Portfolio", id: "portfolio" },
{ name: "Team", id: "team" },
{ name: "Contact", id: "contact" },
]}
brandName="VELORA"
/>
@@ -59,108 +44,35 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="We Create Motion That Moves People"
description="Award-winning motion design, video production, and digital storytelling."
testimonials={[
{
name: "Aura Cosmetics",
handle: "@aurabeauty",
testimonial: "Velora redefined our entire visual identity with their cinematic approach.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-dressed-silver-blouse-poses-gold-background_197531-14977.jpg?_wi=1",
imageAlt: "cinematic black and white motion abstract",
},
{
name: "Neo Tech",
handle: "@neotech",
testimonial: "An elite team that understands the intersection of tech and high art.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/artist-desk-concept-indoors_23-2148577634.jpg?_wi=1",
imageAlt: "cinematic black and white motion abstract",
},
{
name: "Luna Fashion",
handle: "@lunafashion",
testimonial: "The most sophisticated motion design team we have ever partnered with.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915116.jpg?_wi=1",
imageAlt: "cinematic black and white motion abstract",
},
{
name: "Zenith Corp",
handle: "@zenith",
testimonial: "Incredible vision and flawless execution in every single frame.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405999.jpg?_wi=1",
imageAlt: "cinematic black and white motion abstract",
},
{
name: "Apex Design",
handle: "@apex",
testimonial: "They truly understand the balance between luxury and digital precision.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-wearing-suit-posing-black-white_23-2149411391.jpg?_wi=1",
imageAlt: "cinematic black and white motion abstract",
},
{ name: "Aura Cosmetics", handle: "@aurabeauty", testimonial: "Velora redefined our entire visual identity with their cinematic approach.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-lady-dressed-silver-blouse-poses-gold-background_197531-14977.jpg", imageAlt: "cinematic black and white motion abstract" },
{ name: "Neo Tech", handle: "@neotech", testimonial: "An elite team that understands the intersection of tech and high art.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/artist-desk-concept-indoors_23-2148577634.jpg", imageAlt: "cinematic black and white motion abstract" },
{ name: "Luna Fashion", handle: "@lunafashion", testimonial: "The most sophisticated motion design team we have ever partnered with.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915116.jpg", imageAlt: "cinematic black and white motion abstract" },
{ name: "Zenith Corp", handle: "@zenith", testimonial: "Incredible vision and flawless execution in every single frame.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405999.jpg", imageAlt: "cinematic black and white motion abstract" },
{ name: "Apex Design", handle: "@apex", testimonial: "They truly understand the balance between luxury and digital precision.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-wearing-suit-posing-black-white_23-2149411391.jpg", imageAlt: "cinematic black and white motion abstract" }
]}
buttons={[
{
text: "View Projects",
href: "#portfolio",
},
{
text: "Start a Project",
href: "#contact",
},
{ text: "View Projects", href: "#portfolio" },
{ text: "Start a Project", href: "#contact" }
]}
imageSrc="http://img.b2bpic.net/free-photo/young-lady-dressed-silver-blouse-poses-gold-background_197531-14977.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/young-lady-dressed-silver-blouse-poses-gold-background_197531-14977.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/full-shot-unknown-woman-posing_23-2149551296.jpg",
alt: "Full shot unknown woman posing",
},
{
src: "http://img.b2bpic.net/free-photo/rendering-elegant-neoclassical-interior_23-2151059682.jpg",
alt: "Rendering of elegant neoclassical interior",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-girl-posing-decorative-arch-with-pot-cactus_7502-8923.jpg",
alt: "Beautiful girl posing in decorative arch with pot of cactus",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317768.jpg",
alt: "Beautiful woman wearing minimalist shirt",
},
{
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6611.jpg",
alt: "Confident African-American businessman in a black classic jacket",
},
{ src: "http://img.b2bpic.net/free-photo/full-shot-unknown-woman-posing_23-2149551296.jpg", alt: "Full shot unknown woman posing" },
{ src: "http://img.b2bpic.net/free-photo/rendering-elegant-neoclassical-interior_23-2151059682.jpg", alt: "Rendering of elegant neoclassical interior" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-girl-posing-decorative-arch-with-pot-cactus_7502-8923.jpg", alt: "Beautiful girl posing in decorative arch with pot of cactus" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317768.jpg", alt: "Beautiful woman wearing minimalist shirt" },
{ src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6611.jpg", alt: "Confident African-American businessman in a black classic jacket" }
]}
marqueeItems={[
{
type: "text",
text: "Cinematic",
},
{
type: "text",
text: "Digital",
},
{
type: "text",
text: "Luxury",
},
{
type: "text",
text: "Motion",
},
{
type: "text",
text: "Design",
},
{ type: "text", text: "Cinematic" },
{ type: "text", text: "Digital" },
{ type: "text", text: "Luxury" },
{ type: "text", text: "Motion" },
{ type: "text", text: "Design" }
]}
/>
</div>
@@ -170,8 +82,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Visionary Storytelling"
description={[
"VELORA is a multidisciplinary studio bridging the gap between high-fashion editorial and cutting-edge digital motion. Our team of directors, designers, and strategists craft experiences that are visually unforgettable and emotionally resonant.",
"We believe in the power of precise motion. Every frame, every sound, and every interaction is curated to make an impact.",
"VELORA is a multidisciplinary studio bridging the gap between high-fashion editorial and cutting-edge digital motion.", "We believe in the power of precise motion. Every frame, every sound, and every interaction is curated to make an impact."
]}
/>
</div>
@@ -182,30 +93,13 @@ export default function LandingPage() {
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
features={[
{
title: "Motion Graphics",
description: "High-fidelity motion assets for luxury campaigns.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-grayscale-shot-reflection-staircase-mirror-wall_181624-58127.jpg",
titleImageSrc: "",
buttonText: "Discover",
},
{
title: "Commercial Production",
description: "Cinematic visual storytelling for global brands.",
imageSrc: "http://img.b2bpic.net/free-photo/camera-man-shoots-camera-person-with-speaker_140725-7938.jpg",
titleImageSrc: "",
buttonText: "Discover",
},
{
title: "3D Animation",
description: "Next-generation product visualizations and VFX.",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-shapes-background_23-2148772493.jpg",
titleImageSrc: "",
buttonText: "Discover",
},
{ title: "Motion Graphics", description: "High-fidelity motion assets for luxury campaigns.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-grayscale-shot-reflection-staircase-mirror-wall_181624-58127.jpg", titleImageSrc: "", buttonText: "Discover" },
{ title: "Commercial Production", description: "Cinematic visual storytelling for global brands.", imageSrc: "http://img.b2bpic.net/free-photo/camera-man-shoots-camera-person-with-speaker_140725-7938.jpg", titleImageSrc: "", buttonText: "Discover" },
{ title: "3D Animation", description: "Next-generation product visualizations and VFX.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-shapes-background_23-2148772493.jpg", titleImageSrc: "", buttonText: "Discover" }
]}
title="Premium Creative Services"
description="Our expertise spans across all facets of high-end motion design and content production."
animationType="blur-reveal"
/>
</div>
@@ -216,42 +110,12 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Aura Campaign",
price: "Motion / 2023",
imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-9934.jpg",
},
{
id: "p2",
name: "Neo Product Launch",
price: "3D / 2023",
imageSrc: "http://img.b2bpic.net/free-photo/professional-lighting-equipment-movie-set_1268-17214.jpg",
},
{
id: "p3",
name: "Luna Runway Visuals",
price: "Directing / 2024",
imageSrc: "http://img.b2bpic.net/free-photo/view-matchsticks-with-geometric-shapes_23-2149600202.jpg",
},
{
id: "p4",
name: "Tech Identity",
price: "Branding / 2024",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16330.jpg",
},
{
id: "p5",
name: "VFX Excellence",
price: "VFX / 2024",
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885678.jpg",
},
{
id: "p6",
name: "Soundscape Design",
price: "Audio / 2024",
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-concept-human_23-2150688621.jpg",
},
{ id: "p1", name: "Aura Campaign", price: "Motion / 2023", imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-9934.jpg" },
{ id: "p2", name: "Neo Product Launch", price: "3D / 2023", imageSrc: "http://img.b2bpic.net/free-photo/professional-lighting-equipment-movie-set_1268-17214.jpg" },
{ id: "p3", name: "Luna Runway Visuals", price: "Directing / 2024", imageSrc: "http://img.b2bpic.net/free-photo/view-matchsticks-with-geometric-shapes_23-2149600202.jpg" },
{ id: "p4", name: "Tech Identity", price: "Branding / 2024", imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16330.jpg" },
{ id: "p5", name: "VFX Excellence", price: "VFX / 2024", imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885678.jpg" },
{ id: "p6", name: "Soundscape Design", price: "Audio / 2024", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-concept-human_23-2150688621.jpg" }
]}
title="Selected Works"
description="A curated showcase of our studio's motion and visual impact."
@@ -261,29 +125,14 @@ export default function LandingPage() {
<div id="team" data-section="team">
<TeamCardTen
useInvertedBackground={false}
tag="Our Team"
title="The Creators"
membersAnimation="blur-reveal"
members={[
{
id: "1",
name: "Director of Vision",
imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915116.jpg?_wi=2",
},
{
id: "2",
name: "Senior Motion Artist",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405999.jpg?_wi=2",
},
{
id: "3",
name: "Lead Video Director",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-wearing-suit-posing-black-white_23-2149411391.jpg?_wi=2",
},
{
id: "4",
name: "Sound Architect",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-studio_23-2149200029.jpg",
},
{ id: "1", name: "Director of Vision", imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915116.jpg" },
{ id: "2", name: "Senior Motion Artist", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405999.jpg" },
{ id: "3", name: "Lead Video Director", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-wearing-suit-posing-black-white_23-2149411391.jpg" },
{ id: "4", name: "Sound Architect", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-studio_23-2149200029.jpg" }
]}
memberVariant="card"
/>
@@ -294,50 +143,16 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "CEO, Global Tech",
handle: "@tech",
testimonial: "The most professional agency we have ever engaged with.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-posing_23-2148452676.jpg",
},
{
id: "2",
name: "Creative Director, Luxe",
handle: "@luxe",
testimonial: "Velora operates in a league of their own. Pure cinematic gold.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-confident-man_1098-18449.jpg",
},
{
id: "3",
name: "Founder, Impact Media",
handle: "@impact",
testimonial: "Visionary execution every single time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
},
{
id: "4",
name: "Brand Head, Fashion",
handle: "@brand",
testimonial: "Exceptional motion graphics quality.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg",
},
{
id: "5",
name: "Producer, Global Agency",
handle: "@agency",
testimonial: "Flawless delivery, incredible communication.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-posing-black-white-medium-shot_23-2149411414.jpg",
},
{ id: "1", name: "CEO, Global Tech", handle: "@tech", testimonial: "The most professional agency we have ever engaged with.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-posing_23-2148452676.jpg" },
{ id: "2", name: "Creative Director, Luxe", handle: "@luxe", testimonial: "Velora operates in a league of their own. Pure cinematic gold.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-confident-man_1098-18449.jpg" },
{ id: "3", name: "Founder, Impact Media", handle: "@impact", testimonial: "Visionary execution every single time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg" },
{ id: "4", name: "Brand Head, Fashion", handle: "@brand", testimonial: "Exceptional motion graphics quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg" },
{ id: "5", name: "Producer, Global Agency", handle: "@agency", testimonial: "Flawless delivery, incredible communication.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-posing-black-white-medium-shot_23-2149411414.jpg" }
]}
showRating={true}
title="Client Perspectives"
description="Trusted by visionary leaders in luxury, tech, and art."
animationType="blur-reveal"
/>
</div>
@@ -346,33 +161,13 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Discovery Phase",
content: "Analyzing your brand needs and defining the visual narrative.",
},
{
id: "2",
title: "Concept Design",
content: "Brainstorming and crafting the storyboard and aesthetic approach.",
},
{
id: "3",
title: "Production",
content: "Filming and building the core assets for your vision.",
},
{
id: "4",
title: "Post-Production",
content: "Editing, VFX, and mastering the final piece to perfection.",
},
{
id: "5",
title: "Final Delivery",
content: "Seamless deployment and final asset handover.",
},
{ id: "1", title: "Discovery Phase", content: "Analyzing your brand needs and defining the visual narrative." },
{ id: "2", title: "Concept Design", content: "Brainstorming and crafting the storyboard and aesthetic approach." },
{ id: "3", title: "Production", content: "Filming and building the core assets for your vision." },
{ id: "4", title: "Post-Production", content: "Editing, VFX, and mastering the final piece to perfection." },
{ id: "5", title: "Final Delivery", content: "Seamless deployment and final asset handover." }
]}
imageSrc="http://img.b2bpic.net/free-photo/artist-desk-concept-indoors_23-2148577634.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/artist-desk-concept-indoors_23-2148577634.jpg"
title="Our Workflow"
description="From vision to final delivery, we follow an rigorous creative process."
faqsAnimation="blur-reveal"
@@ -382,9 +177,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Let's Create Extraordinary"
description="Ready to discuss your vision? We are currently accepting new high-end project collaborations."
tag="Contact Us"
@@ -394,54 +187,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Services",
href: "#services",
},
{
label: "Works",
href: "#portfolio",
},
],
},
{
items: [
{
label: "Team",
href: "#team",
},
{
label: "Testimonials",
href: "#testimonials",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Use",
href: "#",
},
{
label: "Cookies",
href: "#",
},
],
},
{ items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }, { label: "Works", href: "#portfolio" }] },
{ items: [{ label: "Team", href: "#team" }, { label: "Testimonials", href: "#testimonials" }, { label: "Contact", href: "#contact" }] },
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }, { label: "Cookies", href: "#" }] }
]}
logoText="VELORA"
/>