232 lines
13 KiB
TypeScript
232 lines
13 KiB
TypeScript
"use client"
|
|
|
|
import { Heart, Sparkles, Gift, Mail } from "lucide-react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="medium"
|
|
background="aurora"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Amber & Riya"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About Us", id: "about" },
|
|
{ name: "Collections", id: "collections" },
|
|
{ name: "Featured", id: "products" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{ text: "Shop Now", href: "#products" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
tag="Love in Every Gift"
|
|
tagIcon={Heart}
|
|
title="Turning Emotions into Beautiful Gifts"
|
|
description="Celebrate love and connection with thoughtfully curated gifts that tell your unique story. From romantic bouquets to personalized couple treasures, every item is designed to transform moments into cherished memories."
|
|
background={{ variant: "plain" }}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicate-rose-bouquet_23-2148380903.jpg", imageAlt: "Elegant romantic bouquet with soft pink roses"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-eachother-support_23-2150446039.jpg", imageAlt: "Happy couple exchanging romantic gift"
|
|
},
|
|
]}
|
|
rating={5}
|
|
ratingText="Trusted by thousands of lovers"
|
|
buttons={[
|
|
{ text: "Explore Collections", href: "#collections" },
|
|
{ text: "Shop Now", href: "#products" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="Our Story"
|
|
tagIcon={Sparkles}
|
|
title="Created by Amber and Riya, we believe every gift deserves a story. Our mission is to transform simple gifts into unforgettable moments of love and connection that celebrate the bonds between people."
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Learn More", href: "#collections" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="collections" data-section="collections">
|
|
<FeatureCardSix
|
|
title="Our Collections"
|
|
description="Explore our carefully curated selection of romantic gifts, premium accessories, and personalized treasures designed to celebrate love."
|
|
tag="Collections"
|
|
tagIcon={Gift}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Romantic Bouquets", description: "Hand-crafted arrangements of premium flowers, designed to express love and admiration through the language of blooms.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-luxurious-bouquet-orange-roses-white-flowers-black_181624-22630.jpg", imageAlt: "Beautiful romantic bouquet collection"},
|
|
{
|
|
id: 2,
|
|
title: "Girls' Accessories", description: "Premium rings, elegant necklaces, delicate bracelets, stylish earrings, and luxury hair accessories for the special woman in your life.", imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-still-life-design_23-2149246387.jpg", imageAlt: "Premium women accessories jewelry collection"},
|
|
{
|
|
id: 3,
|
|
title: "Boys' Accessories", description: "Premium rings, classic bracelets, stylish chains, elegant watches, minimalist wallets, and luxury keychains for the modern man.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-accessoires-travel-with-man-clothing-concept-shirt-jean-mobile-phone-wooden-background-watch-sunglasses-shoes-wood-table_1921-82.jpg", imageAlt: "Premium men accessories collection"},
|
|
{
|
|
id: 4,
|
|
title: "Customized Gifts", description: "Personalized couple novels, custom photo frame gifts, and bespoke couple gift boxes crafted to celebrate your unique love story.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-valentine-s-day-social-media-post-template_23-2149250946.jpg", imageAlt: "Custom personalized couple gifts"},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
title="Featured Products"
|
|
description="Discover our hand-picked selection of premium gifts perfect for expressing love and creating lasting memories."
|
|
tag="Shop"
|
|
products={[
|
|
{
|
|
id: "1", name: "Premium Gold Ring", price: "$4,999", imageSrc: "http://img.b2bpic.net/free-photo/ring-fiancee_1098-12895.jpg", imageAlt: "Luxury premium gold ring", initialQuantity: 1,
|
|
},
|
|
{
|
|
id: "2", name: "Elegant Gold Necklace", price: "$3,499", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-woman-stylish-black-dress-posing-tropical-villa-sexy-elegant-summer-style-fashionable-necklace-accessories-smiling-jewelry-pure-natural-skin-face_285396-5717.jpg", imageAlt: "Elegant gold pendant necklace", initialQuantity: 1,
|
|
},
|
|
{
|
|
id: "3", name: "Delicate Gold Bracelet", price: "$2,999", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-glasses-hands-her-face_1140-79.jpg", imageAlt: "Delicate gold luxury bracelet", initialQuantity: 1,
|
|
},
|
|
{
|
|
id: "4", name: "Stylish Pearl Earrings", price: "$2,499", imageSrc: "http://img.b2bpic.net/free-photo/wedding-shoes-decorated-with-gems_8353-10442.jpg", imageAlt: "Stylish luxury pearl earrings", initialQuantity: 1,
|
|
},
|
|
{
|
|
id: "5", name: "Premium Men's Watch", price: "$8,999", imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241145.jpg", imageAlt: "Elegant premium men's watch", initialQuantity: 1,
|
|
},
|
|
{
|
|
id: "6", name: "Classic Gold Chain", price: "$3,999", imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chain-dark-background_23-2149836425.jpg", imageAlt: "Classic luxury gold chain for men", initialQuantity: 1,
|
|
},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
title="Why Choose Amber & Riya"
|
|
tag="Why Us"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "10K+", description: "Satisfied couples who have celebrated love with our curated gifts and personalized experiences."},
|
|
{
|
|
id: "2", value: "100%", description: "Commitment to premium quality, ensuring every gift reflects luxury, elegance, and meaningful emotion."},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="Love Stories from Our Customers"
|
|
description="Hear from couples who have made their special moments unforgettable with our gifts."
|
|
tag="Testimonials"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah & Michael", role: "Couple", company: "Met Through Flowers", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3527.jpg", imageAlt: "Sarah happy with gift"},
|
|
{
|
|
id: "2", name: "Emma & James", role: "Newlyweds", company: "Personalized Joy", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-cheerful-female-adventurer-wears-headgear-striped-jumper-has-glad-expression-strolls-outdoors-town-promotional-space_273609-25758.jpg", imageAlt: "James holding custom gift"},
|
|
{
|
|
id: "3", name: "Lisa & David", role: "Anniversary", company: "Love Renewed", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pleased-woman-with-blonde-hair-luminous-eyes-gentle-smile-having-dimples-cheeksl_176532-7246.jpg", imageAlt: "Lisa wearing jewelry gift"},
|
|
{
|
|
id: "4", name: "Jessica & Alex", role: "Long Distance", company: "Connected Hearts", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-look-romantic_176420-16062.jpg", imageAlt: "Jessica with gift box"},
|
|
{
|
|
id: "5", name: "Amanda & Chris", role: "Proposal", company: "New Beginning", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-table_23-2148095754.jpg", imageAlt: "Amanda showing ring"},
|
|
{
|
|
id: "6", name: "Rebecca & Tom", role: "Special Moment", company: "Memory Made", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/attractive-man-with-beard-closing-his-eyes-opening-mouth-with-joy-showing-ok-sign-being-glad_273609-8024.jpg", imageAlt: "Tom and Rebecca smiling"},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Newsletter"
|
|
tagIcon={Mail}
|
|
title="Exclusive Early Access Awaits"
|
|
description="Join our VIP community and unlock exclusive early access to stunning new collections before anyone else. Plus, receive 15% off your first order when you subscribe today. Don't miss out on limited-edition pieces designed for those who appreciate the finer things in love."
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Get 15% Off"
|
|
termsText="We respect your privacy. Unsubscribe at any time. Early access subscribers get first dibs on new collections."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Amber & Riya"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Home", href: "#hero" },
|
|
{ label: "Collections", href: "#collections" },
|
|
{ label: "Shop", href: "#products" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "FAQs", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|