Merge version_1 into main #2

Merged
bender merged 3 commits from version_1 into main 2026-03-29 14:41:19 +00:00
3 changed files with 90 additions and 438 deletions

View File

@@ -3,108 +3,37 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterMedia from '@/components/sections/footer/FooterMedia';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TextAbout from '@/components/sections/about/TextAbout';
export default function LandingPage() {
export default function GalleryPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Gallery",
id: "/galeria",
},
{
name: "Explore",
id: "/explorar",
},
{
name: "About",
id: "/sobre",
},
]}
brandName="Aura"
/>
</div>
<div id="metric" data-section="metric">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Gallery Metrics"
description="Analyzing the reach and engagement of our digital archives."
metrics={[
{
id: "1",
value: "500+",
description: "High-Res Prints",
},
{
id: "2",
value: "120K",
description: "Visual Interactions",
},
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="The Curation Philosophy"
buttons={[
{
text: "View Full Manifesto",
href: "/sobre",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/abstract-dark-textured-background-minima-1774795232830-733abf77.png?_wi=2"
columns={[
{
title: "Archives",
items: [
{
label: "Gallery",
href: "/galeria",
},
{
label: "Explore",
href: "/explorar",
},
],
},
{
title: "Studio",
items: [
{
label: "About",
href: "/sobre",
},
{
label: "Contact",
href: "/contato",
},
],
},
]}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/sobre" }]}
brandName="Aura"
button={{ text: "Get Started", href: "/contato" }}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/abstract-dark-textured-background-minima-1774795232830-733abf77.png"
columns={[{ title: "Archives", items: [{ label: "Gallery", href: "/galeria" }] }, { title: "Studio", items: [{ label: "About", href: "/sobre" }] }]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -16,267 +16,54 @@ export default function LandingPage() {
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Gallery",
id: "/galeria",
},
{
name: "Explore",
id: "/explorar",
},
{
name: "About",
id: "/sobre",
},
]}
brandName="Aura"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "gradient-bars",
}}
title="Silent Presence"
description="An uncompromising archive of light and form, dedicated to the art of the decisive moment."
testimonials={[
{
name: "Elena V.",
handle: "@elena_arch",
testimonial: "The curation is unparalleled. Every frame is a study in silence.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/headshot-of-a-modern-creative-profession-1774795233184-982edb31.png?_wi=1",
},
{
name: "Markus K.",
handle: "@mark_lens",
testimonial: "Technically flawless and visually profound. This is how digital art should be presented.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/headshot-of-a-photography-enthusiast-urb-1774795232615-4b3abc23.png",
},
{
name: "Sarah Chen",
handle: "@schen_view",
testimonial: "Sophisticated UI, masterful navigation. Aura is the benchmark.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/headshot-of-an-art-curator-sophisticated-1774795232448-64e94b2a.png",
},
{
name: "Julian D.",
handle: "@jd_photos",
testimonial: "Rare to find a platform that respects photography this deeply.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/headshot-of-a-creative-director-deep-gaz-1774795235892-ab6572f9.png",
},
{
name: "Liam Thorne",
handle: "@lt_visuals",
testimonial: "A sanctuary for photographers. The design language is pure, quiet, and essential.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/headshot-of-a-modern-creative-profession-1774795233184-982edb31.png?_wi=2",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/a-large-format-photograph-frame-floating-1774795232798-3bf07f8c.png?_wi=1"
imageAlt="Cinematic landscape photography"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/headshot-of-a-modern-creative-profession-1774795233184-982edb31.png",
alt: "User 1",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/headshot-of-a-photography-enthusiast-urb-1774795232615-4b3abc23.png",
alt: "User 2",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/headshot-of-an-art-curator-sophisticated-1774795232448-64e94b2a.png",
alt: "User 3",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/headshot-of-a-creative-director-deep-gaz-1774795235892-ab6572f9.png",
alt: "User 4",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/headshot-of-a-modern-creative-profession-1774795233184-982edb31.png",
alt: "User 5",
},
]}
marqueeItems={[
{
type: "text",
text: "Limited Edition Archives",
},
{
type: "text",
text: "Curated Monochrome Series",
},
{
type: "text",
text: "Spatial Digital Gallery",
},
{
type: "text",
text: "Decisive Moment Collections",
},
{
type: "text",
text: "High-End Visual Curation",
},
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Architecting Perception"
description="We treat digital space as a physical gallery, where pixels have weight and photographs exist as art, not content."
metrics={[
{
value: "12K",
title: "Curated Pieces",
},
{
value: "24",
title: "Active Collections",
},
{
value: "99%",
title: "Visually Immersive",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/close-up-of-high-quality-photographic-ca-1774795232705-99fb222e.png?_wi=1"
mediaAnimation="slide-up"
metricsAnimation="blur-reveal"
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
title="Trusted by Visionaries"
description="Collaborating with the world's leading photography collectives and art institutions."
names={[
"LensCulture",
"Magnum Archive",
"Canon Global",
"Leica Society",
"Modern Photo",
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
title="Archive Inquiries"
description="Common questions regarding our digital curation and spatial navigation."
faqs={[
{
id: "1",
title: "How is the curation selected?",
content: "Our curators evaluate images based on compositional balance and emotional weight.",
},
{
id: "2",
title: "Can I archive my own work?",
content: "We support individual artist portfolios through our premium subscription tiers.",
},
{
id: "3",
title: "Are files compressed?",
content: "We maintain 1:1 image integrity to preserve original aesthetic intent.",
},
{
id: "4",
title: "Is the platform mobile responsive?",
content: "Our spatial navigation is designed to adapt to any viewport, preserving the gallery experience.",
},
{
id: "5",
title: "Do you support video media?",
content: "We are currently focused on high-fidelity photography.",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/close-up-of-high-quality-photographic-ca-1774795232705-99fb222e.png?_wi=2"
mediaAnimation="slide-up"
faqsAnimation="blur-reveal"
/>
</div>
<div id="blog" data-section="blog">
<BlogCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Editorial Perspectives"
description="Deep dives into the intersection of light, technology, and human experience."
blogs={[
{
id: "1",
category: "Technique",
title: "The Decisive Moment in 2025",
excerpt: "Refining the art of anticipation in an era of rapid capture.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/a-large-format-photograph-frame-floating-1774795232798-3bf07f8c.png?_wi=2",
authorName: "E. V.",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/headshot-of-a-modern-creative-profession-1774795233184-982edb31.png",
date: "March 2025",
},
{
id: "2",
category: "History",
title: "Roots of Digital Silence",
excerpt: "Tracing the minimalist movement back to early film traditions.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/close-up-of-high-quality-photographic-ca-1774795232705-99fb222e.png?_wi=3",
authorName: "M. K.",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/headshot-of-a-photography-enthusiast-urb-1774795232615-4b3abc23.png",
date: "Feb 2025",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/abstract-dark-textured-background-minima-1774795232830-733abf77.png?_wi=1"
columns={[
{
title: "Archives",
items: [
{
label: "Gallery",
href: "/galeria",
},
{
label: "Explore",
href: "/explorar",
},
],
},
{
title: "Studio",
items: [
{
label: "About",
href: "/sobre",
},
{
label: "Contact",
href: "/contato",
},
],
},
]}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[{ name: "Gallery", id: "/galeria" }, { name: "About", id: "/sobre" }]}
brandName="Aura"
button={{ text: "Get Started", href: "/contato" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{ variant: "gradient-bars" }}
title="Silent Presence"
description="An uncompromising archive of light and form, dedicated to the art of the decisive moment."
testimonials={[
{ name: "Elena V.", handle: "@elena_arch", testimonial: "The curation is unparalleled. Every frame is a study in silence.", rating: 5 },
{ name: "Markus K.", handle: "@mark_lens", testimonial: "Technically flawless and visually profound. This is how digital art should be presented.", rating: 5 },
{ name: "Sarah Chen", handle: "@schen_view", testimonial: "Sophisticated UI, masterful navigation. Aura is the benchmark.", rating: 5 },
{ name: "Julian D.", handle: "@jd_photos", testimonial: "Rare to find a platform that respects photography this deeply.", rating: 5 },
{ name: "Liam Thorne", handle: "@lt_visuals", testimonial: "A sanctuary for photographers. The design language is pure, quiet, and essential.", rating: 5 }
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/a-large-format-photograph-frame-floating-1774795232798-3bf07f8c.png"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Architecting Perception"
description="We treat digital space as a physical gallery, where pixels have weight and photographs exist as art, not content."
metrics={[{ value: "12K", title: "Curated Pieces" }, { value: "24", title: "Active Collections" }, { value: "99%", title: "Visually Immersive" }]}
mediaAnimation="slide-up"
metricsAnimation="blur-reveal"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/abstract-dark-textured-background-minima-1774795232830-733abf77.png"
columns={[{ title: "Archives", items: [{ label: "Gallery", href: "/galeria" }] }, { title: "Studio", items: [{ label: "About", href: "/sobre" }] }]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -3,101 +3,37 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterMedia from '@/components/sections/footer/FooterMedia';
import LegalSection from '@/components/legal/LegalSection';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TextAbout from '@/components/sections/about/TextAbout';
export default function LandingPage() {
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Gallery",
id: "/galeria",
},
{
name: "Explore",
id: "/explorar",
},
{
name: "About",
id: "/sobre",
},
]}
brandName="Aura"
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Behind the Lens"
buttons={[
{
text: "Contact Support",
href: "/contato",
},
]}
/>
</div>
<div id="legal" data-section="legal">
<LegalSection
layout="section"
title="Transparency & Privacy"
sections={[
{
heading: "Data Privacy",
content: {
type: "paragraph",
text: "We handle your images with the utmost respect for intellectual property.",
},
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/abstract-dark-textured-background-minima-1774795232830-733abf77.png?_wi=3"
columns={[
{
title: "Archives",
items: [
{
label: "Gallery",
href: "/galeria",
},
{
label: "Explore",
href: "/explorar",
},
],
},
{
title: "Studio",
items: [
{
label: "About",
href: "/sobre",
},
{
label: "Contact",
href: "/contato",
},
],
},
]}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "Gallery", id: "/galeria" }]}
brandName="Aura"
button={{ text: "Get Started", href: "/contato" }}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcjL3H1ybCovkOfMqiUW8DmX8M/abstract-dark-textured-background-minima-1774795232830-733abf77.png"
columns={[{ title: "Archives", items: [{ label: "Gallery", href: "/galeria" }] }, { title: "Studio", items: [{ label: "About", href: "/sobre" }] }]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}