Merge version_2 into main #2
141
src/app/page.tsx
141
src/app/page.tsx
@@ -3,7 +3,7 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
@@ -15,27 +15,23 @@ export default function LandingPage() {
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Catalog", id: "catalog"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Catalog", id: "catalog" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="PrintProf Collections"
|
||||
/>
|
||||
@@ -43,46 +39,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "downward-rays-animated"}}
|
||||
background={{ variant: "downward-rays-animated" }}
|
||||
title="Elevating Women's Fashion with Artistic Precision"
|
||||
description="Expertly curated, print-on-demand clothing designed with 50 years of academic expertise and retail passion."
|
||||
kpis={[
|
||||
{
|
||||
value: "50+", label: "Years Experience"},
|
||||
{
|
||||
value: "1000+", label: "Unique Designs"},
|
||||
{
|
||||
value: "100%", label: "Satisfaction"},
|
||||
{ value: "50+", label: "Years Experience" },
|
||||
{ value: "1000+", label: "Unique Designs" },
|
||||
{ value: "100%", label: "Satisfaction" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150862152.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23060.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-model-casual-summer-clothes-showing-her-tongue_158538-7204.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-women-repair-sale-shop_23-2150746317.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/browneyed-shorthaired-young-lady-stylish-floral-summer-dress-looks-into-camera-smiles-gently-poses-cozy-room_197531-29853.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/urban-lifestyle-bag-customer-sale-white_1303-3395.jpg", alt: "Customer"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23060.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-woman-model-casual-summer-clothes-showing-her-tongue_158538-7204.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-women-repair-sale-shop_23-2150746317.jpg", alt: "Customer" },
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ fashion enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Sustainable Cotton"},
|
||||
{
|
||||
type: "text", text: "Academic Design"},
|
||||
{
|
||||
type: "text", text: "Global Shipping"},
|
||||
{
|
||||
type: "text", text: "Print Excellence"},
|
||||
{
|
||||
type: "text", text: "Fair Trade"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -91,26 +64,11 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Floral Grace", brand: "Professor Line", price: "$45", rating: 5,
|
||||
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-white-dress-summer-cafe-sunglasses-talking-phone_285396-6587.jpg"},
|
||||
{
|
||||
id: "p2", name: "Abstract Logic", brand: "Professor Line", price: "$52", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/view-hawaiian-shirts-with-floral-print_23-2149366022.jpg"},
|
||||
{
|
||||
id: "p3", name: "Geometric Theory", brand: "Professor Line", price: "$48", rating: 4,
|
||||
reviewCount: "82", imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-fashion-shoting_23-2148885690.jpg"},
|
||||
{
|
||||
id: "p4", name: "Summer Theory", brand: "Professor Line", price: "$39", rating: 5,
|
||||
reviewCount: "112", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478976.jpg"},
|
||||
{
|
||||
id: "p5", name: "Minimalist Print", brand: "Professor Line", price: "$35", rating: 4,
|
||||
reviewCount: "76", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-woman-girl-model-with-nude-makeup-colorful-summer-pink-hipster-clothes-posing-near-wall_158538-8813.jpg"},
|
||||
{
|
||||
id: "p6", name: "Textile Art", brand: "Professor Line", price: "$55", rating: 5,
|
||||
reviewCount: "145", imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-high-angle_23-2150264193.jpg"},
|
||||
{ id: "p1", name: "Floral Grace", brand: "Professor Line", price: "$45", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-white-dress-summer-cafe-sunglasses-talking-phone_285396-6587.jpg" },
|
||||
{ id: "p2", name: "Abstract Logic", brand: "Professor Line", price: "$52", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/view-hawaiian-shirts-with-floral-print_23-2149366022.jpg" },
|
||||
{ id: "p3", name: "Geometric Theory", brand: "Professor Line", price: "$48", rating: 4, reviewCount: "82", imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-fashion-shoting_23-2148885690.jpg" },
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="Each print is selected for its aesthetic value and timeless appeal."
|
||||
@@ -130,18 +88,10 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Maya R.", role: "Designer", testimonial: "The precision in these prints is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23060.jpg"},
|
||||
{
|
||||
id: "2", name: "Priya K.", role: "Architect", testimonial: "I love the mathematical elegance in the designs.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-model-casual-summer-clothes-showing-her-tongue_158538-7204.jpg"},
|
||||
{
|
||||
id: "3", name: "Sofia L.", role: "Researcher", testimonial: "Truly unique perspective on modern apparel.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-repair-sale-shop_23-2150746317.jpg"},
|
||||
{
|
||||
id: "4", name: "Ananya D.", role: "Student", testimonial: "Fashion with a story behind every single piece.", imageSrc: "http://img.b2bpic.net/free-photo/browneyed-shorthaired-young-lady-stylish-floral-summer-dress-looks-into-camera-smiles-gently-poses-cozy-room_197531-29853.jpg"},
|
||||
{
|
||||
id: "5", name: "Zara T.", role: "Artist", testimonial: "Sophisticated prints that make a real statement.", imageSrc: "http://img.b2bpic.net/free-photo/urban-lifestyle-bag-customer-sale-white_1303-3395.jpg"},
|
||||
{ id: "1", name: "Maya R.", role: "Designer", testimonial: "The precision in these prints is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23060.jpg" },
|
||||
{ id: "2", name: "Priya K.", role: "Architect", testimonial: "I love the mathematical elegance in the designs.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-model-casual-summer-clothes-showing-her-tongue_158538-7204.jpg" },
|
||||
]}
|
||||
title="Voices of the Community"
|
||||
description="See why our customers cherish the intellectual approach behind every print."
|
||||
@@ -150,9 +100,8 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
tag="Get Involved"
|
||||
title="Join our Print-on-Demand Newsletter"
|
||||
description="Stay updated on the latest academic-inspired drops."
|
||||
@@ -162,35 +111,15 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Catalog", href: "#catalog"},
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "LinkedIn", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="PrintProf"
|
||||
/>
|
||||
<FooterBaseReveal
|
||||
logoText="PrintProf"
|
||||
columns={[
|
||||
{ title: "Collections", items: [{ label: "Catalog", href: "#catalog" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Legal", items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
{ title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "LinkedIn", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 PrintProf Collections. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user