78 lines
3.4 KiB
TypeScript
78 lines
3.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import { Linkedin, Twitter } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "Design", id: "/design"},
|
|
{
|
|
name: "Dashboard", id: "/staff"},
|
|
]}
|
|
brandName="TailorFit"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Crafting Elegance, Digitally"
|
|
description="Step into the future of bespoke tailoring where precision technology meets artisan tradition."
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXkBSKqetazQk9LWTx0HPAYxfz/a-high-end-clothing-tailoring-workshop-w-1774642694640-d4a2dc22.png"
|
|
buttons={[{ text: "Explore Designs", href: "/design" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="The TailorFit Vision"
|
|
description="We leverage advanced pattern generation to bridge the gap between classic craftsmanship and modern convenience."
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXkBSKqetazQk9LWTx0HPAYxfz/a-user-taking-body-measurements-for-cust-1774642694215-00f78317.png"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardTwo
|
|
title="Meet Our Experts"
|
|
description="The master tailors and software architects behind our platform."
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
members={[
|
|
{
|
|
id: "m1", name: "Elena Rossi", role: "Master Tailor", description: "Over 20 years of experience in high-end bespoke tailoring.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXkBSKqetazQk9LWTx0HPAYxfz/a-high-end-clothing-tailoring-workshop-w-1774642694640-d4a2dc22.png", socialLinks: [{ icon: Linkedin, url: "#" }, { icon: Twitter, url: "#" }]
|
|
},
|
|
{
|
|
id: "m2", name: "Marcus Chen", role: "Lead Architect", description: "Innovating the digital measurement and pattern industry.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXkBSKqetazQk9LWTx0HPAYxfz/a-user-taking-body-measurements-for-cust-1774642694215-00f78317.png", socialLinks: [{ icon: Linkedin, url: "#" }, { icon: Twitter, url: "#" }]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |