294 lines
9.1 KiB
TypeScript
294 lines
9.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import LegalSection from '@/components/legal/LegalSection';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "/",
|
|
},
|
|
{
|
|
name: "Shop",
|
|
id: "/shop",
|
|
},
|
|
{
|
|
name: "Reviews",
|
|
id: "/reviews",
|
|
},
|
|
{
|
|
name: "Account",
|
|
id: "/account",
|
|
},
|
|
]}
|
|
brandName="TeeTrust"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{
|
|
variant: "rotated-rays-animated",
|
|
}}
|
|
title="Shop Trusted Products Real Reviews Real Results"
|
|
description="See what thousands of customers love. Discover bestsellers backed by verified reviews and our top community reviewers."
|
|
buttons={[
|
|
{
|
|
text: "Browse Best Sellers",
|
|
href: "/shop",
|
|
},
|
|
]}
|
|
carouselItems={[
|
|
{
|
|
id: "1",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-hijab-posing_23-2149522161.jpg",
|
|
imageAlt: "urban fashion lifestyle photography",
|
|
},
|
|
{
|
|
id: "2",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/serious-stylish-curly-haired-young-woman-looks-watch-checks-time-waits-somone-wears-sunglasses-casual-hoodie-jacket-poses-street_273609-55747.jpg",
|
|
imageAlt: "studio fashion portrait casual",
|
|
},
|
|
{
|
|
id: "3",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-women-2000s-fashion_23-2149529687.jpg",
|
|
imageAlt: "friends lifestyle tshirt photography",
|
|
},
|
|
{
|
|
id: "4",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/copy-space-prisms-abstract-gradient-lights_23-2148771734.jpg",
|
|
imageAlt: "tshirt fabric texture macro",
|
|
},
|
|
{
|
|
id: "5",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-businesswoman-wireless-earphones-resting-cafe-with-coffee-newspaper_574295-4152.jpg",
|
|
imageAlt: "vintage style graphic tshirt",
|
|
},
|
|
{
|
|
id: "6",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292757.jpg",
|
|
imageAlt: "street fashion model walking",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "Urban Classic Tee",
|
|
price: "$29",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448802.jpg?_wi=1",
|
|
imageAlt: "product photography white background",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "Vintage Fade",
|
|
price: "$34",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-outfit-holding-shopping-bags_23-2148316202.jpg",
|
|
imageAlt: "tshirt product display",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "Graphic Streetwear",
|
|
price: "$39",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947509.jpg",
|
|
imageAlt: "graphic tshirt flat lay",
|
|
},
|
|
{
|
|
id: "p4",
|
|
name: "Minimalist Essentials",
|
|
price: "$25",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-cool-woman-posing-with-trucker-hat_23-2149412766.jpg",
|
|
imageAlt: "printed tshirt isolate white",
|
|
},
|
|
{
|
|
id: "p5",
|
|
name: "Adventure Series",
|
|
price: "$42",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448761.jpg",
|
|
imageAlt: "premium cotton tshirt product",
|
|
},
|
|
{
|
|
id: "p6",
|
|
name: "Limited Edition",
|
|
price: "$49",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-wearing-white-shirts_23-2149323044.jpg",
|
|
imageAlt: "tshirt collection studio shot",
|
|
},
|
|
]}
|
|
title="Our Best Sellers"
|
|
description="Discover our top-rated tshirt collections."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
value: "10k+",
|
|
title: "Verified Reviews",
|
|
items: [
|
|
"Authentic feedback",
|
|
"Verified purchases",
|
|
],
|
|
},
|
|
{
|
|
id: "m2",
|
|
value: "98%",
|
|
title: "Happy Shoppers",
|
|
items: [
|
|
"Customer satisfaction",
|
|
"Consistent quality",
|
|
],
|
|
},
|
|
{
|
|
id: "m3",
|
|
value: "50k",
|
|
title: "Tees Sold",
|
|
items: [
|
|
"Top-rated items",
|
|
"Best selling collections",
|
|
],
|
|
},
|
|
]}
|
|
title="Community Highlights"
|
|
description="Join our growing community of happy customers."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Sarah J.",
|
|
handle: "@sarahj",
|
|
testimonial: "The best fit I've found in years!",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-tanned-dark-haired-woman-with-stylish-bun-smiling-against-wall-bar-with-painted-flamingos_197531-17039.jpg",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Mike R.",
|
|
handle: "@miker",
|
|
testimonial: "Excellent quality and fast shipping.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-boy-posing-studio_176474-77265.jpg",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Emily P.",
|
|
handle: "@emilyp",
|
|
testimonial: "Love the vintage designs.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-beautiful-young-woman-posing-with-expressions_1301-6723.jpg",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "David L.",
|
|
handle: "@davidl",
|
|
testimonial: "Tees hold up great after washes.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-clothes-sexy-carefree-woman-posing-near-red-wall-studio-positive-blond-model-having-fun-going-crazy-cheerful-happy-shows-tongue_158538-20604.jpg",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "Jessica W.",
|
|
handle: "@jessw",
|
|
testimonial: "Perfect aesthetic for everyday wear.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-tablet_23-2148016291.jpg",
|
|
},
|
|
]}
|
|
title="Top Reviewer Picks"
|
|
description="What our top community members are saying."
|
|
/>
|
|
</div>
|
|
|
|
<div id="legal" data-section="legal">
|
|
<LegalSection
|
|
layout="section"
|
|
title="Terms and Conditions"
|
|
sections={[
|
|
{
|
|
heading: "Terms of Use",
|
|
content: {
|
|
type: "paragraph",
|
|
text: "By using TeeTrust, you agree to these terms. We ensure high-quality standards for every garment sold on our platform.",
|
|
},
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Shop",
|
|
items: [
|
|
{
|
|
label: "New Arrivals",
|
|
href: "/shop",
|
|
},
|
|
{
|
|
label: "Best Sellers",
|
|
href: "/shop",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{
|
|
label: "FAQ",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Contact Us",
|
|
href: "/account",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="TeeTrust"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|