Merge version_1 into main #2
225
src/app/page.tsx
225
src/app/page.tsx
@@ -29,25 +29,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Velmora Studio"
|
||||
/>
|
||||
@@ -57,99 +47,53 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Velmora Studio"
|
||||
description="Crafting timeless visual identities for luxury brands and high-end digital experiences."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@elena.design",
|
||||
testimonial: "Exceptional vision and execution. Velmora transformed our brand identity.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780713.jpg?_wi=1",
|
||||
imageAlt: "minimalist creative studio interior",
|
||||
},
|
||||
name: "Elena V.", handle: "@elena.design", testimonial: "Exceptional vision and execution. Velmora transformed our brand identity.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780713.jpg", imageAlt: "minimalist creative studio interior"},
|
||||
{
|
||||
name: "Marcus R.",
|
||||
handle: "@m.architect",
|
||||
testimonial: "The attention to detail in their UI design is truly unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-menu-books-with-tools_23-2148496828.jpg?_wi=1",
|
||||
imageAlt: "luxury branding project showcase",
|
||||
},
|
||||
name: "Marcus R.", handle: "@m.architect", testimonial: "The attention to detail in their UI design is truly unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-menu-books-with-tools_23-2148496828.jpg", imageAlt: "luxury branding project showcase"},
|
||||
{
|
||||
name: "Sarah L.",
|
||||
handle: "@s.brand",
|
||||
testimonial: "Sophisticated, minimalist, and perfectly aligned with our luxury status.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913289.jpg?_wi=1",
|
||||
imageAlt: "modern ui design ui mockups",
|
||||
},
|
||||
name: "Sarah L.", handle: "@s.brand", testimonial: "Sophisticated, minimalist, and perfectly aligned with our luxury status.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913289.jpg", imageAlt: "modern ui design ui mockups"},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@d.tech",
|
||||
testimonial: "Working with the Velmora team was a seamless high-end experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/design-class-elegat-ideas-image-trendy-visual_53876-71206.jpg?_wi=1",
|
||||
imageAlt: "graphic design luxury fashion",
|
||||
},
|
||||
name: "David W.", handle: "@d.tech", testimonial: "Working with the Velmora team was a seamless high-end experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/design-class-elegat-ideas-image-trendy-visual_53876-71206.jpg", imageAlt: "graphic design luxury fashion"},
|
||||
{
|
||||
name: "Anna K.",
|
||||
handle: "@a.creative",
|
||||
testimonial: "The best creative studio for high-end digital product design.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clean-professional-corporate-identity-stationery-mockup_187299-47807.jpg?_wi=1",
|
||||
imageAlt: "branding aesthetic design style",
|
||||
},
|
||||
name: "Anna K.", handle: "@a.creative", testimonial: "The best creative studio for high-end digital product design.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clean-professional-corporate-identity-stationery-mockup_187299-47807.jpg", imageAlt: "branding aesthetic design style"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780713.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780713.jpg"
|
||||
imageAlt="Minimalist creative workspace"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://i.pravatar.cc/100?u=1",
|
||||
alt: "Client A",
|
||||
},
|
||||
src: "https://i.pravatar.cc/100?u=1", alt: "Client A"},
|
||||
{
|
||||
src: "https://i.pravatar.cc/100?u=2",
|
||||
alt: "Client B",
|
||||
},
|
||||
src: "https://i.pravatar.cc/100?u=2", alt: "Client B"},
|
||||
{
|
||||
src: "https://i.pravatar.cc/100?u=3",
|
||||
alt: "Client C",
|
||||
},
|
||||
src: "https://i.pravatar.cc/100?u=3", alt: "Client C"},
|
||||
{
|
||||
src: "https://i.pravatar.cc/100?u=4",
|
||||
alt: "Client D",
|
||||
},
|
||||
src: "https://i.pravatar.cc/100?u=4", alt: "Client D"},
|
||||
{
|
||||
src: "https://i.pravatar.cc/100?u=5",
|
||||
alt: "Client E",
|
||||
},
|
||||
src: "https://i.pravatar.cc/100?u=5", alt: "Client E"},
|
||||
]}
|
||||
avatarText="Trusted by 50+ global brands"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "BRANDS",
|
||||
},
|
||||
type: "text", text: "BRANDS"},
|
||||
{
|
||||
type: "text",
|
||||
text: "IDENTITY",
|
||||
},
|
||||
type: "text", text: "IDENTITY"},
|
||||
{
|
||||
type: "text",
|
||||
text: "STRATEGY",
|
||||
},
|
||||
type: "text", text: "STRATEGY"},
|
||||
{
|
||||
type: "text",
|
||||
text: "DESIGN",
|
||||
},
|
||||
type: "text", text: "DESIGN"},
|
||||
{
|
||||
type: "text",
|
||||
text: "EXPERIENCE",
|
||||
},
|
||||
type: "text", text: "EXPERIENCE"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -162,65 +106,36 @@ export default function LandingPage() {
|
||||
description="At Velmora Studio, we bridge the gap between minimalist aesthetics and high-performance design. Our mission is to elevate your brand presence through curated visual storytelling and precision craft."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Precision Design",
|
||||
description: "Every pixel is carefully considered for impact.",
|
||||
},
|
||||
title: "Precision Design", description: "Every pixel is carefully considered for impact."},
|
||||
{
|
||||
title: "Minimalist Logic",
|
||||
description: "Stripping away the excess to reveal the core truth.",
|
||||
},
|
||||
title: "Minimalist Logic", description: "Stripping away the excess to reveal the core truth."},
|
||||
{
|
||||
title: "Curated Luxury",
|
||||
description: "Bespoke design for brands that lead their category.",
|
||||
},
|
||||
title: "Curated Luxury", description: "Bespoke design for brands that lead their category."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780713.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780713.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardOne
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luxe Branding",
|
||||
price: "Studio Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-menu-books-with-tools_23-2148496828.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Luxe Branding", price: "Studio Project", imageSrc: "http://img.b2bpic.net/free-photo/top-view-menu-books-with-tools_23-2148496828.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Aether UI",
|
||||
price: "Digital Interface",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913289.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Aether UI", price: "Digital Interface", imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913289.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Noir Editorial",
|
||||
price: "Graphic Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/design-class-elegat-ideas-image-trendy-visual_53876-71206.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Noir Editorial", price: "Graphic Design", imageSrc: "http://img.b2bpic.net/free-photo/design-class-elegat-ideas-image-trendy-visual_53876-71206.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Velo Identity",
|
||||
price: "Art Direction",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clean-professional-corporate-identity-stationery-mockup_187299-47807.jpg?_wi=2",
|
||||
},
|
||||
id: "p4", name: "Velo Identity", price: "Art Direction", imageSrc: "http://img.b2bpic.net/free-photo/clean-professional-corporate-identity-stationery-mockup_187299-47807.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Komorebi App",
|
||||
price: "Experience Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/job-fair-template-design_23-2151072269.jpg",
|
||||
},
|
||||
id: "p5", name: "Komorebi App", price: "Experience Design", imageSrc: "http://img.b2bpic.net/free-psd/job-fair-template-design_23-2151072269.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Zenith Layout",
|
||||
price: "Print Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273064.jpg",
|
||||
},
|
||||
id: "p6", name: "Zenith Layout", price: "Print Design", imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273064.jpg"},
|
||||
]}
|
||||
title="Select Works"
|
||||
description="A showcase of our recent engagements, where minimalist clarity meets high-impact visual design."
|
||||
@@ -234,34 +149,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
label: "Identity",
|
||||
title: "Branding",
|
||||
items: [
|
||||
"Logo Concepting",
|
||||
"Style Guides",
|
||||
"Brand Voice",
|
||||
],
|
||||
id: "s1", label: "Identity", title: "Branding", items: [
|
||||
"Logo Concepting", "Style Guides", "Brand Voice"],
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
label: "Digital",
|
||||
title: "UI/UX Design",
|
||||
items: [
|
||||
"Web Platforms",
|
||||
"Mobile Applications",
|
||||
"Digital Prototypes",
|
||||
],
|
||||
id: "s2", label: "Digital", title: "UI/UX Design", items: [
|
||||
"Web Platforms", "Mobile Applications", "Digital Prototypes"],
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
label: "Visual",
|
||||
title: "Graphic Design",
|
||||
items: [
|
||||
"Editorial Layout",
|
||||
"Print Assets",
|
||||
"Social Campaigns",
|
||||
],
|
||||
id: "s3", label: "Visual", title: "Graphic Design", items: [
|
||||
"Editorial Layout", "Print Assets", "Social Campaigns"],
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
@@ -273,15 +170,14 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Inquiries"
|
||||
title="Start a Conversation"
|
||||
description="Ready to elevate your project? Reach out to collaborate on something exceptional."
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="left"
|
||||
buttonText="Send Inquiry"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-menu-books-with-tools_23-2148496828.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-menu-books-with-tools_23-2148496828.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -289,38 +185,25 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
title: "Studio", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Work",
|
||||
items: [
|
||||
title: "Work", items: [
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Portfolio", href: "#portfolio"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user