Merge version_1 into main #9
@@ -102,14 +102,6 @@ export default function LandingPage() {
|
||||
{
|
||||
id: "4", name: "David Chen", date: "August 2024", title: "Architect", quote: "I appreciate the attention to detail and the story behind each product. It's more than just beauty; it's an experience.", tag: "Architect", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg", avatarAlt: "David Chen"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5", label: "Star Average Rating"},
|
||||
{
|
||||
value: "95%", label: "Repeat Customers"},
|
||||
{
|
||||
value: "1M+", label: "Products Discovered"},
|
||||
]}
|
||||
title="What Our Connoisseurs Say"
|
||||
description="Hear from clients who have experienced the unparalleled luxury and exclusivity of Seven Dials Beauty."
|
||||
/>
|
||||
|
||||
334
src/app/page.tsx
334
src/app/page.tsx
@@ -2,16 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { Heart, Lock, MessageSquare, Sparkles } from "lucide-react";
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import { Lightbulb, ShieldCheck, Leaf, Phone } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,187 +27,164 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Collection", id: "collection"},
|
||||
{
|
||||
name: "Our Story", id: "story"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Seven Dials Beauty"
|
||||
button={{
|
||||
text: "Shop Now", href: "/shop"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Collection", id: "/collection" },
|
||||
{ name: "Features", id: "/features" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "Testimonials", id: "/testimonials" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="Seven Dials Beauty"
|
||||
button={{
|
||||
text: "Shop Now", href: "/shop"
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
imagePosition="right"
|
||||
title="Beauty You Won't Find Twice"
|
||||
description="Rare, curated products sourced from around the world. Discover what luxury beauty actually means—ask for Lucy."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop the Collection", href: "/shop"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-elegant-gold-skincare-container-gold-background_181624-34977.jpg"
|
||||
imageAlt="Luxurious beauty products arranged artfully"
|
||||
mediaAnimation="slide-up"
|
||||
fixedMediaHeight={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
title="Discover Rare Beauty"
|
||||
description="Curated, exclusive, and ethically sourced products for the discerning connoisseur."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Explore Collection", href: "/collection" },
|
||||
{ text: "Our Story", href: "/about" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-making-face-mask-beauty-salon_169016-56336.jpg"
|
||||
imageAlt="Woman making a face mask in a beauty salon"
|
||||
imagePosition="right"
|
||||
fixedMediaHeight={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Philosophy: Unrivaled Curation"
|
||||
description={[
|
||||
"At Seven Dials Beauty, we believe true luxury is found in rarity and meticulous curation. We journey beyond the mainstream to bring you an exclusive collection of beauty products that embody exceptional craftsmanship and unique provenance.", "Our expert team, led by Lucy, personally vets every item, ensuring it meets our stringent standards for innovation, ingredient quality, and transformative results. This isn't just shopping; it's an invitation to a world where beauty is an art form, discovered by a discerning few."]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Meet Our Curators", href: "/about"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Curated Selections", description: "Hand-picked products for discerning tastes.", icon: Lightbulb,
|
||||
mediaItems: [
|
||||
{ type: 'image', src: "http://img.b2bpic.net/free-photo/cosmetic-products-made-with-natural-ingredients_181624-33827.jpg", alt: "Eco-friendly cosmetic products" },
|
||||
{ type: 'image', src: "http://img.b2bpic.net/free-photo/luxurious-anti-aging-serum-bottle_181624-34860.jpg", alt: "Luxurious anti-aging serum" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Expertly Vetted", description: "Our specialists ensure quality and efficacy.", icon: ShieldCheck,
|
||||
mediaItems: [
|
||||
{ type: 'image', src: "http://img.b2bpic.net/free-photo/woman-applying-moisturizer-face_23-2149495758.jpg", alt: "Woman applying moisturizer" },
|
||||
{ type: 'image', src: "http://img.b2bpic.net/free-photo/high-angle-view-various-face-care-products_23-2148769213.jpg", alt: "Various face care products" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Sustainable & Ethical", description: "Beauty that respects the planet and people.", icon: Leaf,
|
||||
mediaItems: [
|
||||
{ type: 'image', src: "http://img.b2bpic.net/free-photo/man-using-skincare-product_23-2149377488.jpg", alt: "Man using skincare product" },
|
||||
{ type: 'image', src: "http://img.b2bpic.net/free-photo/woman-applying-mask-face_23-2149507907.jpg", alt: "Woman applying face mask" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Why Choose Seven Dials Beauty"
|
||||
description="Discover the difference of true curation and conscious luxury."
|
||||
tag="Our Philosophy"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Curation", description: "Every product is hand-selected by our discerning team for its exceptional quality and unique story, ensuring you only encounter the finest.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/white-leather-box_1203-2949.jpg", alt: "Exclusive access"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fathers-day-composition-with-card_23-2147806775.jpg", alt: "Storytelling"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Insider Access", description: "Gain entry to a world of beauty secrets and limited-edition releases, available exclusively to the Seven Dials community.", icon: Lock,
|
||||
mediaItems: [
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fathers-day-composition-with-card_23-2147806775.jpg", alt: "Storytelling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/white-leather-box_1203-2949.jpg", alt: "Exclusive access"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Personalized Discovery", description: "Beyond mere transactions, we offer a guided journey to uncover beauty solutions perfectly tailored to your individual preferences and desires. Ask for Lucy.", icon: Heart,
|
||||
mediaItems: [
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/white-leather-box_1203-2949.jpg", alt: "Exclusive access"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fathers-day-composition-with-card_23-2147806775.jpg", alt: "Storytelling"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="The Seven Dials Difference"
|
||||
description="Experience a new standard of luxury beauty with our unique approach to discovery and personalization."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
title="Our Exclusive Collection"
|
||||
description="Explore our hand-picked selection of rare and luxurious beauty products."
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "Aura Botanicals", name: "Revitalizing Face Oil", price: "$120.00", rating: 4.9,
|
||||
reviewCount: "87", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-package-natural-beauty-concept_181624-33670.jpg", imageAlt: "Revitalizing Face Oil"
|
||||
},
|
||||
{
|
||||
id: "2", brand: "Luminary Labs", name: "Night Repair Serum", price: "$180.00", rating: 4.8,
|
||||
reviewCount: "112", imageSrc: "http://img.b2bpic.net/free-photo/natural-skincare-product-white-container-minimalist-background_181624-33671.jpg", imageAlt: "Night Repair Serum"
|
||||
},
|
||||
{
|
||||
id: "3", brand: "Essence d'Or", name: "24K Gold Mask", price: "$250.00", rating: 5.0,
|
||||
reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/set-natural-cosmetics-pink-background_181624-33672.jpg", imageAlt: "24K Gold Mask"
|
||||
},
|
||||
{
|
||||
id: "4", brand: "Veridian Bloom", name: "Hydrating Mist", price: "$75.00", rating: 4.7,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-products-made-with-natural-ingredients_181624-33827.jpg", imageAlt: "Hydrating Mist"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "product-1", brand: "Éclat Rare", name: "Midnight Aura Serum", price: "£180", rating: 5,
|
||||
reviewCount: "12 reviews", imageSrc: "http://img.b2bpic.net/free-photo/sotol-drink-still-life_23-2151057969.jpg", imageAlt: "Midnight Aura Serum"},
|
||||
{
|
||||
id: "product-2", brand: "Veridian Labs", name: "Cellular Renewal Cream", price: "£250", rating: 5,
|
||||
reviewCount: "8 reviews", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cosmetic-products-spa-treatment_23-2148295918.jpg", imageAlt: "Cellular Renewal Cream"},
|
||||
{
|
||||
id: "product-3", brand: "Sillage Noir", name: "Elixir d'Ombre EDP", price: "£220", rating: 4,
|
||||
reviewCount: "15 reviews", imageSrc: "http://img.b2bpic.net/free-photo/bottles-essential-oil-plain-background_23-2148241796.jpg", imageAlt: "Elixir d'Ombre EDP"},
|
||||
{
|
||||
id: "product-4", brand: "Atelier Luxe", name: "Glow Infusion Palette", price: "£135", rating: 5,
|
||||
reviewCount: "10 reviews", imageSrc: "http://img.b2bpic.net/free-photo/view-eyeshadow-palette-with-shades-cosmetic-powder_23-2150260903.jpg", imageAlt: "Glow Infusion Palette"},
|
||||
]}
|
||||
title="Our Curated Collection"
|
||||
description="Discover hard-to-find treasures, each selected for its transformative power and unique charm. Limited quantities available."
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Exclusive Finds", href: "/shop"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Discerning Clients"
|
||||
description="Leading beauty influencers and luxury connoisseurs recognize our unique curation."
|
||||
names={[]}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-photo/cosmetic-product-package-natural-beauty-concept_181624-33670.jpg", "http://img.b2bpic.net/free-photo/natural-skincare-product-white-container-minimalist-background_181624-33671.jpg", "http://img.b2bpic.net/free-photo/set-natural-cosmetics-pink-background_181624-33672.jpg"
|
||||
]}
|
||||
speed={50}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
names={[]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-vector/simple-handwritten-fashion-typography-logo-template_742173-7510.jpg", "http://img.b2bpic.net/free-vector/flat-fashion-style-labels-collection_23-2149874288.jpg", "http://img.b2bpic.net/free-vector/colorful-wedding-logo-pack_79603-862.jpg", "http://img.b2bpic.net/free-vector/natureinspired-golden-floral-badges-set-template-doodle-style_1017-57988.jpg", "http://img.b2bpic.net/free-vector/vintage-alphabet-label-typeface-named-dry-gin_1284-52515.jpg", "http://img.b2bpic.net/free-vector/pack-luxurious-logos-victorian-style_23-2147593941.jpg", "http://img.b2bpic.net/free-vector/set-cute-gradient-book-logo-template_23-2148820908.jpg"]}
|
||||
title="As Featured In"
|
||||
description="Trusted by the most discerning voices in luxury beauty and lifestyle."
|
||||
showCard={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sophia Lee", date: "September 2024", title: "Beauty Blogger", quote: "Seven Dials Beauty has transformed my routine. The products are truly unparalleled.", tag: "Blogger", avatarSrc: "http://img.b2bpic.net/free-photo/woman-making-face-mask-beauty-salon_169016-56336.jpg", avatarAlt: "Sophia Lee"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Daniel Kim", date: "September 2024", title: "Photographer", quote: "I've never seen such exquisite packaging and formulations. A true luxury experience.", tag: "Photographer", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-white-coat-smiles_23-2149592963.jpg", avatarAlt: "Daniel Kim"
|
||||
}
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Read reviews from our valued customers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Eleanor Vance", date: "May 2024", title: "A True Discovery Gem", quote: "Seven Dials Beauty is my secret weapon. The curation is impeccable, and I always find truly unique products that elevate my routine.", tag: "Luxury Enthusiast", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-wedding_23-2149860832.jpg", avatarAlt: "Eleanor Vance"},
|
||||
{
|
||||
id: "2", name: "Isabelle Dubois", date: "April 2024", title: "Beyond Expectations", quote: "As a traveler, I cherish rare finds. Seven Dials offers exclusivity I haven't found anywhere else. Truly a destination for beauty.", tag: "Luxury Traveler", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-is-relaxing-spa-complex-using-smartphone_169016-55799.jpg", avatarAlt: "Isabelle Dubois"},
|
||||
{
|
||||
id: "3", name: "Chloe Davies", date: "March 2024", title: "Personalized Perfection", quote: "I feel like part of an exclusive club. Lucy's recommendations are spot-on, and the quality is simply unparalleled.", tag: "Brand Loyalist", avatarSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-attractive-female-model-laughs-sincerely-keeps-hand-chest-applies-facial-clay-mask-skin-rejuvenation-gets-beauty-treatments_273609-38704.jpg", avatarAlt: "Chloe Davies"},
|
||||
{
|
||||
id: "4", name: "Amelia Sterling", date: "February 2024", title: "My Go-To for Gifting", quote: "For gifts that truly impress, Seven Dials is my first choice. The items are always exquisite and leave a lasting impression.", tag: "Discerning Shopper", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg", avatarAlt: "Amelia Sterling"},
|
||||
]}
|
||||
title="Voices of Discerning Beauty"
|
||||
description="Hear from our community of luxury enthusiasts who've discovered their next favorite with Seven Dials."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What is your return policy?", content: "We offer a 30-day return policy on all unopened products. Please see our full terms for details."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Do you ship internationally?", content: "Yes, we ship to select international destinations. Shipping costs and times vary by region."
|
||||
},
|
||||
{
|
||||
id: "3", title: "How can I track my order?", content: "Once your order ships, you will receive an email with a tracking number and a link to monitor its progress."
|
||||
}
|
||||
]}
|
||||
ctaTitle="Need more help?"
|
||||
ctaDescription="Our dedicated support team is here to assist you."
|
||||
ctaButton={{ text: "Contact Us", href: "/contact" }}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-faq" data-section="contact-faq">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How do you source your products?", content: "We meticulously search the globe for niche, high-performance beauty products from independent artisans and luxury brands that are often hard to find elsewhere."},
|
||||
{
|
||||
id: "2", title: "What makes your collection exclusive?", content: "Our exclusivity comes from limited quantities, unique formulations, and partnerships with brands that prioritize quality and rarity over mass production."},
|
||||
{
|
||||
id: "3", title: "Can I get personalized recommendations?", content: "Absolutely! Our beauty concierge, Lucy, offers bespoke consultations to help you discover products perfectly suited to your skin and preferences. Simply 'Ask Lucy Now' to get started."},
|
||||
{
|
||||
id: "4", title: "Do you offer international shipping?", content: "Yes, we ship our curated collections worldwide. Please see our shipping policy for details on delivery times and rates to your region."},
|
||||
]}
|
||||
ctaTitle="Have a Question?"
|
||||
ctaDescription="Our beauty concierge, Lucy, is here to provide personalized recommendations and answer any queries about our exclusive collection."
|
||||
ctaButton={{
|
||||
text: "Ask Lucy Now", href: "/contact"}}
|
||||
ctaIcon={MessageSquare}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Seven Dials Beauty"
|
||||
leftLink={{ text: "Privacy Policy", href: "/privacy" }}
|
||||
rightLink={{ text: "Terms of Service", href: "/terms" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Seven Dials Beauty"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user