Merge version_1 into main #1
272
src/app/page.tsx
272
src/app/page.tsx
@@ -32,75 +32,30 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Standard",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Standard", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "portfolio" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Dagio"
|
||||
button={{ text: "Connect", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Digital Prestige. Flawless Architecture."
|
||||
description="Sculpting the visual DNA of your brand with zero-error engineering and elite aesthetics."
|
||||
buttons={[
|
||||
{
|
||||
text: "Begin Evolution",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Begin Evolution", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-city-built-water_23-2151048126.jpg",
|
||||
imageAlt: "dark abstract liquid silk background",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-109816.jpg",
|
||||
imageAlt: "dark abstract liquid silk background",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-surface-with-reflections-smooth-minimal-black-waves-background-blurry-silk-waves-minimal-soft-grayscale-ripples-flow_1217-1722.jpg",
|
||||
imageAlt: "dark abstract liquid silk background",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-neon-light-dissolves-darkness-soft-neon_169016-71278.jpg",
|
||||
imageAlt: "dark abstract liquid silk background",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666367.jpg",
|
||||
imageAlt: "dark abstract liquid silk background",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-digital-with-modern-flowing-particles_1048-13765.jpg",
|
||||
imageAlt: "dark abstract liquid silk background",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-city-built-water_23-2151048126.jpg", imageAlt: "dark abstract liquid silk background" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-109816.jpg", imageAlt: "dark abstract liquid silk background" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/dark-surface-with-reflections-smooth-minimal-black-waves-background-blurry-silk-waves-minimal-soft-grayscale-ripples-flow_1217-1722.jpg", imageAlt: "dark abstract liquid silk background" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/blue-neon-light-dissolves-darkness-soft-neon_169016-71278.jpg", imageAlt: "dark abstract liquid silk background" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666367.jpg", imageAlt: "dark abstract liquid silk background" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-digital-with-modern-flowing-particles_1048-13765.jpg", imageAlt: "dark abstract liquid silk background" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,27 +80,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Luxury E-Commerce",
|
||||
subtitle: "Flagship store experiences.",
|
||||
category: "Boutique",
|
||||
value: "Premium",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Brand Identity",
|
||||
subtitle: "Sculpting visual DNA.",
|
||||
category: "Identity",
|
||||
value: "Custom",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Technical Sovereignty",
|
||||
subtitle: "Impenetrable security.",
|
||||
category: "Infrastructure",
|
||||
value: "Secure",
|
||||
},
|
||||
{ id: "s1", title: "Luxury E-Commerce", subtitle: "Flagship store experiences.", category: "Boutique", value: "Premium" },
|
||||
{ id: "s2", title: "Brand Identity", subtitle: "Sculpting visual DNA.", category: "Identity", value: "Custom" },
|
||||
{ id: "s3", title: "Technical Sovereignty", subtitle: "Impenetrable security.", category: "Infrastructure", value: "Secure" },
|
||||
]}
|
||||
title="Bespoke Architectures"
|
||||
description="Elite services for visionaries who demand nothing less than complete digital sovereignty."
|
||||
@@ -159,48 +96,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Latitude 40.7°: Obsidian",
|
||||
price: "Code: 0X-001",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-cocktail-mix-glass-with-abstract-neo-futuristic-set_23-2150938369.jpg",
|
||||
imageAlt: "modern luxury digital store interface",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Latitude 41.7°: Cobalt",
|
||||
price: "Code: 0X-002",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-vases-with-purple-yellow-light-arrangement_23-2149835485.jpg",
|
||||
imageAlt: "modern branding identity concept art",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Latitude 42.7°: Silver",
|
||||
price: "Code: 0X-003",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-governmental-cyber-security-room-without-staff-work_482257-94558.jpg",
|
||||
imageAlt: "digital server security visualization abstract",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Latitude 43.7°: Shadow",
|
||||
price: "Code: 0X-004",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-light-with-bokeh-effect_1208-207.jpg",
|
||||
imageAlt: "futuristic server rack storage metallic",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Latitude 44.7°: Mirror",
|
||||
price: "Code: 0X-005",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-looking-young-female-picking-design-magazines-vintage-store-standing-stylish-brown-dress_197531-23028.jpg",
|
||||
imageAlt: "elegant digital boutique web interface",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Latitude 45.7°: Static",
|
||||
price: "Code: 0X-006",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-still-life_23-2150440938.jpg",
|
||||
imageAlt: "architectural branding visual design concept",
|
||||
},
|
||||
{ id: "p1", name: "Latitude 40.7°: Obsidian", price: "Code: 0X-001", imageSrc: "http://img.b2bpic.net/free-photo/view-cocktail-mix-glass-with-abstract-neo-futuristic-set_23-2150938369.jpg", imageAlt: "modern luxury digital store interface" },
|
||||
{ id: "p2", name: "Latitude 41.7°: Cobalt", price: "Code: 0X-002", imageSrc: "http://img.b2bpic.net/free-photo/different-vases-with-purple-yellow-light-arrangement_23-2149835485.jpg", imageAlt: "modern branding identity concept art" },
|
||||
{ id: "p3", name: "Latitude 42.7°: Silver", price: "Code: 0X-003", imageSrc: "http://img.b2bpic.net/free-photo/high-tech-governmental-cyber-security-room-without-staff-work_482257-94558.jpg", imageAlt: "digital server security visualization abstract" },
|
||||
{ id: "p4", name: "Latitude 43.7°: Shadow", price: "Code: 0X-004", imageSrc: "http://img.b2bpic.net/free-photo/blue-light-with-bokeh-effect_1208-207.jpg", imageAlt: "futuristic server rack storage metallic" },
|
||||
{ id: "p5", name: "Latitude 44.7°: Mirror", price: "Code: 0X-005", imageSrc: "http://img.b2bpic.net/free-photo/serious-looking-young-female-picking-design-magazines-vintage-store-standing-stylish-brown-dress_197531-23028.jpg", imageAlt: "elegant digital boutique web interface" },
|
||||
{ id: "p6", name: "Latitude 45.7°: Static", price: "Code: 0X-006", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-still-life_23-2150440938.jpg", imageAlt: "architectural branding visual design concept" },
|
||||
]}
|
||||
title="Digital Gallery"
|
||||
description="Selected architectural works representing the pinnacle of digital craftsmanship."
|
||||
@@ -213,46 +114,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marcus Vane",
|
||||
role: "CEO, Vane Capital",
|
||||
testimonial: "Dagio delivered an experience that felt like walking into a private vault. Absolute perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-lady-designer-sitting-office-night_171337-15592.jpg",
|
||||
imageAlt: "professional executive portrait dark office",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena Sterling",
|
||||
role: "Creative Director",
|
||||
testimonial: "Their attention to technical detail is unparalleled. Simply elite.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-wet-hair-posing-studio-wearing-black-oversize-blazer-shiny-necklace_343596-7120.jpg",
|
||||
imageAlt: "creative director portrait dark studio",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Julian Thorne",
|
||||
role: "Innovator",
|
||||
testimonial: "Digital Prestige is an understatement. This is architectural art.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
imageAlt: "tech consultant portrait professional",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sonia Voss",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "The Dagio Standard is the new benchmark for luxury web firms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-business-woman-working_23-2149100282.jpg",
|
||||
imageAlt: "modern entrepreneur corporate portrait",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Finch",
|
||||
role: "Founder",
|
||||
testimonial: "Impeccable. Secure, sexy, and utterly exclusive.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
|
||||
imageAlt: "innovator portrait corporate suit",
|
||||
},
|
||||
{ id: "t1", name: "Marcus Vane", role: "CEO, Vane Capital", testimonial: "Dagio delivered an experience that felt like walking into a private vault. Absolute perfection.", imageSrc: "http://img.b2bpic.net/free-photo/serious-young-lady-designer-sitting-office-night_171337-15592.jpg", imageAlt: "professional executive portrait dark office" },
|
||||
{ id: "t2", name: "Elena Sterling", role: "Creative Director", testimonial: "Their attention to technical detail is unparalleled. Simply elite.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-wet-hair-posing-studio-wearing-black-oversize-blazer-shiny-necklace_343596-7120.jpg", imageAlt: "creative director portrait dark studio" },
|
||||
{ id: "t3", name: "Julian Thorne", role: "Innovator", testimonial: "Digital Prestige is an understatement. This is architectural art.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg", imageAlt: "tech consultant portrait professional" },
|
||||
{ id: "t4", name: "Sonia Voss", role: "Entrepreneur", testimonial: "The Dagio Standard is the new benchmark for luxury web firms.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-business-woman-working_23-2149100282.jpg", imageAlt: "modern entrepreneur corporate portrait" },
|
||||
{ id: "t5", name: "David Finch", role: "Founder", testimonial: "Impeccable. Secure, sexy, and utterly exclusive.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", imageAlt: "innovator portrait corporate suit" },
|
||||
]}
|
||||
title="Client Affiliations"
|
||||
description="Discerning leaders who chose Dagio to redefine their digital heritage."
|
||||
@@ -263,21 +129,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What defines the Dagio Standard?",
|
||||
content: "Our commitment to zero-error engineering and elite aesthetic execution.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How exclusive is your firm?",
|
||||
content: "We limit the number of projects we accept to ensure absolute technical sovereignty.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you handle high-security projects?",
|
||||
content: "Yes, our technical sovereignty includes impenetrable security codes for high-risk assets.",
|
||||
},
|
||||
{ id: "f1", title: "What defines the Dagio Standard?", content: "Our commitment to zero-error engineering and elite aesthetic execution." },
|
||||
{ id: "f2", title: "How exclusive is your firm?", content: "We limit the number of projects we accept to ensure absolute technical sovereignty." },
|
||||
{ id: "f3", title: "Can you handle high-security projects?", content: "Yes, our technical sovereignty includes impenetrable security codes for high-risk assets." },
|
||||
]}
|
||||
sideTitle="Dagio Inquiry"
|
||||
sideDescription="Common questions for those seeking an elite digital architecture firm."
|
||||
@@ -290,14 +144,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Apex",
|
||||
"Nebula",
|
||||
"Vortex",
|
||||
"Cipher",
|
||||
"Origin",
|
||||
"Vector",
|
||||
"Titan",
|
||||
]}
|
||||
"Apex", "Nebula", "Vortex", "Cipher", "Origin", "Vector", "Titan"]}
|
||||
title="Architectural Network"
|
||||
description="Systems currently online for our elite clientele."
|
||||
/>
|
||||
@@ -309,21 +156,11 @@ export default function LandingPage() {
|
||||
title="Begin Your Digital Evolution"
|
||||
description="An invitation to an elite collaboration. Please share the essentials."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "industry",
|
||||
type: "text",
|
||||
placeholder: "Your Industry",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "industry", type: "text", placeholder: "Your Industry" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "vision",
|
||||
placeholder: "Share your Vision",
|
||||
rows: 4,
|
||||
name: "vision", placeholder: "Share your Vision", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/indoor-hotel-view_1417-1565.jpg"
|
||||
imageAlt="luxury office entryway modern architectural"
|
||||
@@ -335,42 +172,21 @@ export default function LandingPage() {
|
||||
logoText="DAGIO"
|
||||
columns={[
|
||||
{
|
||||
title: "Firm",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Philosophy",
|
||||
href: "#about",
|
||||
},
|
||||
title: "Firm", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Philosophy", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Practice",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#portfolio",
|
||||
},
|
||||
title: "Practice", items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Gallery", href: "#portfolio" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user