Update src/app/page.tsx
This commit is contained in:
124
src/app/page.tsx
124
src/app/page.tsx
@@ -3,15 +3,11 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -45,43 +41,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Timeless Elegance at Eleganza"
|
||||
description="Discover curated collections that define your style. Eleganza Boutique brings you unique, sophisticated pieces."
|
||||
title="Sophistication Redefined"
|
||||
description="Discover curated collections at Eleganza Boutique. Located in the heart of fashion, we offer unique, high-quality pieces designed to elevate your personal style."
|
||||
tag="Exclusive Boutique"
|
||||
tagIcon={Sparkles}
|
||||
testimonials={[
|
||||
{ name: "Sophia R.", handle: "@sophia_style", testimonial: "The best boutique in town. Every piece is unique.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-shopping-bags-city_1303-16811.jpg" },
|
||||
{ name: "Elena M.", handle: "@elena_fashion", testimonial: "Sophisticated styles that I can't find anywhere else.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-tanned-brunette-shorthaired-woman-floral-vneck-dress-chatting-phone-sits-desk-poses-cozy-fashion-designer-office_197531-29849.jpg" },
|
||||
{ name: "Julia C.", handle: "@juliastyle", testimonial: "Amazing service and quality clothing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-female-friends-looking-clothes-shop_23-2147968484.jpg" },
|
||||
{ name: "Mark L.", handle: "@mark_f", testimonial: "The perfect place for a thoughtful gift.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-helping-his-girlfriend-with-fitting-necklace-je_7502-7612.jpg" },
|
||||
{ name: "Nina T.", handle: "@ninat", testimonial: "Always excited to see the new collections.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/clothing-store-worker-mall-offering-fashion-advice-shopper_482257-118439.jpg" },
|
||||
{ name: "Sophia R.", handle: "@sophia_style", testimonial: "Exquisite selection and a truly personalized shopping experience.", rating: 5 },
|
||||
{ name: "Elena M.", handle: "@elena_fashion", testimonial: "My go-to place for unique, timeless fashion.", rating: 5 }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rack-with-overclothes-shop_23-2147784096.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24632.jpg", alt: "Happy female customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353708.jpg", alt: "Elegant boutique visitor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576841.jpg", alt: "Fashion enthusiast" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elderly-businesswoman-coat-outside-cafe_1303-19475.jpg", alt: "Satisfied long-time client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-consumerism-purchasing-concept-glad-fashionable-woman-wears-pink-sunglasses-stylish-jacket-carries-paper-shopping-bags-has-happy-mood-strolls-sreeet-against-urban-bbackground_273609-62290.jpg", alt: "Happy shopper with bags" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Premium Quality" },
|
||||
{ type: "text", text: "Hand-picked Styles" },
|
||||
{ type: "text", text: "Unique Designs" },
|
||||
{ type: "text", text: "Sustainable Fashion" },
|
||||
{ type: "text", text: "Timeless Elegance" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="Elegance Curated for You"
|
||||
description="Eleganza Boutique is a sanctuary for style-conscious women looking for timeless pieces that tell a story."
|
||||
subdescription="With a focus on quality fabrics and exceptional design, we bring a personalized shopping experience to every visitor."
|
||||
tag="Our Essence"
|
||||
title="Curated for the Discerning"
|
||||
description="Eleganza Boutique combines timeless design with a modern touch, ensuring every piece you find is a treasure."
|
||||
subdescription="Visit us today to explore our hand-picked selection of apparel and accessories."
|
||||
icon={Sparkles}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-female-personal-shopper-working_23-2148924149.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
videoSrc="https://www.w3schools.com/html/mov_bbb.mp4"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -91,86 +70,25 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
title="Signature Collections"
|
||||
description="Explore our seasonal arrivals featuring premium materials and exceptional craft."
|
||||
products={[
|
||||
{ id: "p1", name: "Silk Wrap Dress", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-designer-dress-white-background_23-2147874963.jpg" },
|
||||
{ id: "p2", name: "Leather Handbag", price: "$185", imageSrc: "http://img.b2bpic.net/free-photo/clothes-store-with-mannequin_23-2148929534.jpg" },
|
||||
{ id: "p3", name: "Classic Heels", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722596.jpg" },
|
||||
{ id: "p4", name: "Wool Fedora", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-fedora-hat-studio_23-2150744033.jpg" },
|
||||
{ id: "p5", name: "Silk Scarf", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/pearl-necklace-earrings-with-pair-wedding-high-heels-scarf_23-2148187454.jpg" },
|
||||
{ id: "p6", name: "Golden Studs", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409252.jpg" },
|
||||
{ id: "p3", name: "Classic Heels", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722596.jpg" }
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Explore our hand-selected items designed to elevate your everyday wardrobe."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sophia R.", role: "Designer", company: "Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-fashionable-clothes-is-going-from-store-shop-violet_496169-2193.jpg" },
|
||||
{ id: "t2", name: "Elena M.", role: "Architect", company: "DesignCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-beautiful-dress_1098-21953.jpg" },
|
||||
{ id: "t3", name: "Julia C.", role: "Manager", company: "Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-girls-shopping-mall_176420-88.jpg" },
|
||||
{ id: "t4", name: "Mark L.", role: "Artist", company: "Gallery", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-shop-owner-her-modern-clothing-store-young-african-american-woman-standing-near-hangers-with-male-shirts-trousers-underwear-fashion-clothes-business-startup-shopping-concept_74855-21499.jpg" },
|
||||
{ id: "t5", name: "Nina T.", role: "Consultant", company: "Agency", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353754.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from our satisfied customers who make Eleganza their go-to destination."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Hand-picked items", description: "Every garment is curated for uniqueness.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478989.jpg" },
|
||||
{ title: "Personal Stylist", description: "Expert advice to find your perfect fit.", imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409245.jpg" },
|
||||
{ title: "Sustainable Quality", description: "Ethical and durable fashion choices.", imageSrc: "http://img.b2bpic.net/free-photo/woman-s-leg-shoe-near-disco-ball-boots_23-2147972055.jpg" },
|
||||
]}
|
||||
title="Why Choose Eleganza"
|
||||
description="Experience shopping that values quality and personal care above all else."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue", "Harper's Bazaar", "Elle", "Cosmopolitan", "Marie Claire", "InStyle", "Glamour"]}
|
||||
title="Featured In"
|
||||
description="We are proud to be recognized by fashion experts."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "What are your store hours?", content: "We are open daily from 10am to 7pm." },
|
||||
{ id: "f2", title: "Do you offer shipping?", content: "Yes, we ship nationwide within 3-5 days." },
|
||||
{ id: "f3", title: "Can I return my purchase?", content: "Yes, returns are accepted within 14 days." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our services and policies."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Connect With Eleganza"
|
||||
description="Visit us in the heart of the city for a personalized shopping experience."
|
||||
title="Find Your Style"
|
||||
description="We are located in a vibrant area. Stop by to see our latest collections and meet our friendly staff."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sympathetic-girl-stands-near-bulding_8353-213.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
onSubmit={(email) => console.log('Email:', email)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -178,8 +96,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Eleganza Boutique"
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "Shop", href: "#products" }, { label: "About Us", href: "#about" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
{ title: "Quick Links", items: [{ label: "Shop", href: "#products" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user