Initial commit
This commit is contained in:
397
src/app/page.tsx
Normal file
397
src/app/page.tsx
Normal file
@@ -0,0 +1,397 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Heart, ShieldCheck, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="medium"
|
||||
background="blurBottom"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "#collection",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Être Concept Store"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#collection",
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroOverlay
|
||||
title="Discover Your Unique Style"
|
||||
description="Être Concept Store offers a meticulously curated collection of high-quality apparel and accessories, hand-picked for the discerning individual. Experience personalized service and find pieces that truly resonate with your essence."
|
||||
tagAnimation="none"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#collection",
|
||||
},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="none"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/middle-eastern-customer-explores-latest-fashion-collection-mall-store_482257-118183.jpg"
|
||||
imageAlt="Elegant boutique interior with curated fashion"
|
||||
showBlur={true}
|
||||
textPosition="bottom"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-enjoy-shopping_53876-20708.jpg",
|
||||
alt: "People enjoy shopping",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-shopping_23-2149241334.jpg",
|
||||
alt: "Medium shot smiley women at shopping",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-big-smile-her-face-after-big-shopping_329181-18748.jpg",
|
||||
alt: "Woman with big smile on her face after big shopping",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623394.jpg",
|
||||
alt: "Women shopping and buying consumer products for customer day celebration",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-holding-shopping-bags-with-copy-space_23-2148647647.jpg",
|
||||
alt: "Smiley woman holding shopping bags with copy space",
|
||||
},
|
||||
]}
|
||||
avatarText="Join our community of style enthusiasts"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="About Être Concept Store"
|
||||
metrics={[
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Years of Curation",
|
||||
value: "7+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Satisfied Clients",
|
||||
value: "1000+",
|
||||
},
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Hand-Picked Brands",
|
||||
value: "50+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Styling Consultations",
|
||||
description: "Our highly qualified team provides personalized advice to help you discover styles that enhance your unique personality.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-buying-cloths-paying-with-cash-shop_1303-19855.jpg",
|
||||
imageAlt: "Woman trying on a dress in a boutique with a stylist",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-second-hand-market_23-2149353671.jpg",
|
||||
imageAlt: "Curated fashion accessories display",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-preparing-thread-face-mask_23-2148614631.jpg",
|
||||
imageAlt: "Detail of quality fabric texture",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-customer-explores-latest-fashion-collection-mall-store_482257-118183.jpg",
|
||||
imageAlt: "woman trying on dress boutique",
|
||||
},
|
||||
]}
|
||||
title="Our Approach to Fashion & Service"
|
||||
description="At Être, we believe in a holistic shopping experience. From expert styling advice to exclusive collections, we ensure every visit is inspiring and rewarding."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="collection" data-section="collection">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "The Modern Silk Dress",
|
||||
price: "€450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-business-woman-with-computer_1303-13889.jpg",
|
||||
imageAlt: "Elegant modern silk dress",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Boho Chic Midi Skirt",
|
||||
price: "€280",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-stands-holding-her-red-skirt_1157-917.jpg",
|
||||
imageAlt: "Flowy boho chic midi skirt",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Tailored Wool Trousers",
|
||||
price: "€320",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collection-beige-tone-colored-pants_23-2150773428.jpg",
|
||||
imageAlt: "High-quality tailored wool trousers",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Artisanal Knit Sweater",
|
||||
price: "€190",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-stylish-outfit-walking-city-street-fashion-spring-summer-trend-smiling-happy-mood-wearing-pink-jacket-blouse-spinning-around-exited-fashionista-shopping_285396-4452.jpg",
|
||||
imageAlt: "Soft artisanal knit sweater",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Structured Linen Blazer",
|
||||
price: "€380",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-thrift-shop-front-view_23-2149726869.jpg",
|
||||
imageAlt: "Stylish structured linen blazer",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Statement A-Line Skirt",
|
||||
price: "€250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-stands-holding-her-red-skirt_1157-916.jpg",
|
||||
imageAlt: "Elegant A-line skirt",
|
||||
},
|
||||
]}
|
||||
title="Our Curated Collection"
|
||||
description="Explore our latest arrivals and timeless pieces, selected for their exceptional quality, unique design, and lasting style."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Silvia Rossi",
|
||||
role: "Founder & Head Stylist",
|
||||
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",
|
||||
imageAlt: "Silvia Rossi, Founder and Head Stylist",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Giulia Bianchi",
|
||||
role: "Senior Fashion Consultant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-darkskinned-curly-brunette-woman-oversized-white-stylish-jacket-leans-table-with-clothing-samples-patterns-it-smiles_197531-27834.jpg",
|
||||
imageAlt: "Giulia Bianchi, Senior Fashion Consultant",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Verdi",
|
||||
role: "Boutique Assistant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-by-cafe-using-phone_1303-29691.jpg",
|
||||
imageAlt: "Elena Verdi, Boutique Assistant",
|
||||
},
|
||||
]}
|
||||
title="Meet Our Dedicated Team"
|
||||
description="Our passionate team is dedicated to providing an unparalleled shopping experience. We are here to guide you with expertise and a genuine love for fashion."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Our clients consistently praise our personalized service and the unique quality of our selections. We're proud to be a trusted destination for style."
|
||||
rating={5}
|
||||
author="From Our Valued Customers"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-shopping-bags-showing-something-shop-window_329181-18696.jpg",
|
||||
alt: "Maria Volante",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-business-girl-with-makeup-brushes-posing-plain-background-concept-makeup-cosmetics_78826-3391.jpg",
|
||||
alt: "Giulia Rosin",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-happy-after-shopping_23-2148660676.jpg",
|
||||
alt: "Tiziana Santin",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-young-parisienne-with-brunette-wavy-hair-black-sunglasses-white-top-polka-dot-skirt-red-shirt-standing-city-stairs-looking-straight-early-warm-autumn-background_197531-28081.jpg",
|
||||
alt: "Satisfied Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-owners-preparing-their-store_23-2149300867.jpg",
|
||||
alt: "Another Happy Client",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Luxury Couture",
|
||||
"Artisan Wear",
|
||||
"Urban Chic",
|
||||
"Timeless Designs",
|
||||
"Sustainable Fashion",
|
||||
"Modern Classics",
|
||||
"Global Trendsetters",
|
||||
]}
|
||||
title="Curated Brands & Partnerships"
|
||||
description="We proudly partner with esteemed fashion brands and designers, bringing you an exclusive selection of quality and style."
|
||||
tagAnimation="none"
|
||||
buttonAnimation="none"
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Visit Us In-Store or Get in Touch\n\nCorso Garibaldi, 40, 33170 Pordenone PN\nPhone: 0434 522793\n\nOpen · Closes at 13:00 · Reopens at 15:30"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://www.google.com/maps/search/Être+Concept+Store+Corso+Garibaldi,+40,+33170+Pordenone+PN",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashionable-young-woman-grey-coat-hat-walking-street-city-centre-smiling-true-emotions-stylish-lifestyle-luxury-clothes-elegant-look_197531-1885.jpg"
|
||||
imageAlt="Exterior of Être Concept Store boutique"
|
||||
logoText="Être Concept Store"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#collection",
|
||||
},
|
||||
{
|
||||
label: "Collections",
|
||||
href: "#collection",
|
||||
},
|
||||
{
|
||||
label: "Sale",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "#team",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Être Concept Store. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user