bender/8fd5222c-2aeb-4e0e-8515-0bf56aa2d09c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/gallery/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-08 13:17:18 +00:00
parent 345a7913b3
commit de764d590e
1 changed files with 34 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
src/app/gallery/page.tsx
View File

@@ -3,43 +3,44 @@
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import FeatureCardTwentySix from "@/components/sections/feature/featureCardThree/FeatureCardThree";
import FooterBase from "@/components/sections/footer/FooterBase";
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
import FooterMedia from "@/components/sections/footer/FooterMedia";
export default function GalleryPage() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Home", id: "/" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" },
]}
button={{ text: "Get Started", href: "/contact" }}
/>
<FeatureCardTwentySix
title="Our Portfolio"
description="Browse our collection of premium vehicle and digital experiences."
textboxLayout="default"
useInvertedBackground={false}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
features={[
{ title: "Vehicle Brand Identity", description: "High-end automotive presentation", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp" },
{ title: "Luxury EV Portal", description: "Futuristic electric vehicle showcase", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp" },
{ title: "Offroad Adventure", description: "Rugged terrain performance visuals", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp" },
{ title: "Classic Restorations", description: "Heritage automotive preservation", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-4.webp" },
{ title: "Supercar Launch", description: "Performance-driven media campaign", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-5.webp" },
{ title: "Urban Mobility", description: "Efficient city commuting solutions", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp" },
]}
/>
<FooterBase
logoText="Webild"
columns={[]}
/>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Home", id: "/" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" },
]}
button={{ text: "Get Started", href: "/contact" }}
/>
</div>
<div id="portfolio" data-section="portfolio">
<FeatureCardTwentyOne
title="Our Portfolio"
description="Browse our collection of premium vehicle and digital experiences."
mediaAnimation="slide-up"
useInvertedBackground={false}
accordionItems={[
{ id: "1", title: "Automotive", content: "High-end automotive presentation" },
{ id: "2", title: "Technology", content: "Futuristic electric vehicle showcase" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
logoText="Webild"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp"
columns={[]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}