Switch to version 1: remove src/app/projects/[id]/page.tsx

This commit is contained in:
2026-03-09 08:26:59 +00:00
parent 27d27c3187
commit f0daf18d4d

View File

@@ -1,91 +0,0 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
export default function ProjectDetail() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Projects", id: "/projects" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
];
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay navItems={navItems} />
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
title="Project Details"
description="Explore the complete project overview and case study"
background={{ variant: "animated-grid" }}
mediaItems={[
{
imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Project showcase"},
]}
buttons={[
{ text: "Back to Projects", href: "/projects" },
]}
/>
</div>
<div id="work" data-section="work">
<FeatureCardTwentyFour
title="Project Breakdown"
description="See how we approached and executed this project"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
features={[
{
id: "1", title: "Discovery Phase", author: "Strategy", description: "Initial research and stakeholder interviews", tags: ["Research", "Planning"],
imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Discovery phase"},
{
id: "2", title: "Design Process", author: "Design", description: "Wireframing, prototyping, and visual design", tags: ["Design", "Prototyping"],
imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Design process"},
{
id: "3", title: "Implementation", author: "Development", description: "Development and quality assurance", tags: ["Development", "QA"],
imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Implementation phase"},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Ready to Start?"
title="Let's Create Something Amazing"
description="Interested in working with us on your next project?"
background={{ variant: "plain" }}
useInvertedBackground={false}
buttonText="Get Started"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Our Studio"
leftLink={{ text: "Privacy Policy", href: "/privacy" }}
rightLink={{ text: "Contact", href: "contact" }}
/>
</div>
</ThemeProvider>
);
}