feat: add ConfigurePage with back button and ConfiguratorSection integration
CI/CD / test-and-build (push) Waiting to run
CI/CD / deploy (push) Blocked by required conditions

This commit is contained in:
Najjar\NajjarV02
2026-04-17 16:17:52 +04:00
parent 11ab8908fa
commit 1788df79e1
4 changed files with 90 additions and 7 deletions
+43
View File
@@ -0,0 +1,43 @@
'use client';
import Link from 'next/link';
import { ConfiguratorSection } from '@/components/ConfiguratorSection';
export default function ConfigurePage() {
return (
<>
{/* Back button */}
<Link
href="/"
style={{
position: 'fixed',
top: '1rem',
left: '1rem',
zIndex: 100,
display: 'inline-flex',
alignItems: 'center',
gap: '0.5rem',
padding: '0.5rem 1rem',
borderRadius: '2rem',
background: 'rgba(255, 255, 255, 0.9)',
backdropFilter: 'blur(12px)',
WebkitBackdropFilter: 'blur(12px)',
border: '1px solid rgba(0, 0, 0, 0.08)',
boxShadow: '0 2px 12px rgba(0, 0, 0, 0.06)',
color: '#374151',
fontSize: '0.8rem',
fontWeight: 500,
textDecoration: 'none',
transition: 'all 0.2s ease',
}}
>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
<line x1="19" y1="12" x2="5" y2="12" /><polyline points="12 19 5 12 12 5" />
</svg>
Back
</Link>
<ConfiguratorSection />
</>
);
}
-6
View File
@@ -4,7 +4,6 @@ import { useRef } from "react";
import { ClientOnly } from "@/components/ClientOnly";
import { ScrollScene } from "@/components/ScrollScene";
import { ScrollOverlays } from "@/components/ScrollOverlays";
import { ConfiguratorSection } from "@/components/ConfiguratorSection";
export default function HomePage() {
const scrollContainerRef = useRef<HTMLDivElement>(null);
@@ -29,11 +28,6 @@ export default function HomePage() {
<div className="snap-section" />
<div className="snap-section" />
</div>
{/* Configurator section */}
<div style={{ position: "relative", zIndex: 20 }}>
<ConfiguratorSection />
</div>
</>
);
}