246 lines
12 KiB
TypeScript
246 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Products", id: "products"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Sweet Aura"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Sweetness Redefined"
|
|
description="Indulge in our exquisite, handmade sweets crafted with the finest ingredients for a truly luxurious experience."
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-biscuits-with-chocolate-chips_23-2148425603.jpg", imageAlt: "Luxury sweet 1"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-food-dark-plate-table_23-2148425498.jpg", imageAlt: "Luxury sweet 2"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/glass-jar-full-small-colorful-doughnuts_114579-53887.jpg", imageAlt: "Luxury sweet 3"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chocolate-cake-concept_23-2148769254.jpg", imageAlt: "Luxury sweet 4"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-smoothies-jar-spoon-vase-table_23-2148028557.jpg", imageAlt: "Luxury sweet 5"},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/make-up-cosmetics-products-black-background-professional-cosmetics_482257-34494.jpg", imageAlt: "Luxury sweet 6"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/one-whole-fresh-sweet-doughnut-with-pink-frosting-high-quality-photo_114579-36631.jpg", imageAlt: "Luxury sweet 7"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sweet-chocolate-assortment-with-copy-space_23-2148549341.jpg", imageAlt: "Luxury sweet 8"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-dessert-ready-be-served_23-2148622359.jpg", imageAlt: "Luxury sweet 9"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tasty-cake-glass-composition_23-2149030803.jpg", imageAlt: "Luxury sweet 10"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Order Now", href: "#contact"},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/coffee-with-milk-chocolate-pralines_114579-16748.jpg", alt: "Customer 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/pot-with-pumpkin-roses_23-2148273510.jpg", alt: "Customer 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/chocolate-fantasy-world-ball_23-2151468258.jpg", alt: "Customer 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168875.jpg", alt: "Customer 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/vertical-shot-vanilla-ice-cream-scoop-plate-isolated-black-background_181624-57527.jpg", alt: "Customer 5"},
|
|
]}
|
|
avatarText="Loved by 10k+ sweet enthusiasts"
|
|
marqueeItems={[
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/muffins-black_114579-18496.jpg", alt: "Logo 1"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/arrangement-dried-fruit-marmalade-cardboard-tray_23-2148425597.jpg", alt: "Logo 2"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/dark-chocolate-bowls-with-filling-plate_23-2148123875.jpg", alt: "Logo 3"},
|
|
{
|
|
type: "text", text: "ARTISAN"},
|
|
{
|
|
type: "text", text: "PREMIUM"},
|
|
]}
|
|
/>
|
|
<audio autoPlay loop>
|
|
<source src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3" type="audio/mpeg" />
|
|
<track kind="captions" />
|
|
</audio>
|
|
<style jsx global>{`
|
|
audio { display: none; }
|
|
`}</style>
|
|
<script dangerouslySetInnerHTML={{ __html: `
|
|
const audio = document.querySelector('audio');
|
|
if (audio) {
|
|
audio.volume = 0.7;
|
|
document.addEventListener('click', () => audio.play(), { once: true });
|
|
}
|
|
` }} />
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={true}
|
|
title="Crafted with Passion"
|
|
description={[
|
|
"Our sweets are meticulously handmade using fresh, premium ingredients to ensure unparalleled taste.", "We believe in the beauty of simplicity and the complexity of perfect flavor profiles.", "Experience the perfect balance of luxury, texture, and artistry in every bite."]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", brand: "Sweet Aura", name: "Gold Truffle", price: "$15", rating: 5,
|
|
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168781.jpg"},
|
|
{
|
|
id: "p2", brand: "Sweet Aura", name: "Emerald Macaron", price: "$8", rating: 5,
|
|
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/three-colorful-macarons-black-background_84443-85794.jpg"},
|
|
{
|
|
id: "p3", brand: "Sweet Aura", name: "Silk Ganache", price: "$22", rating: 4,
|
|
reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/sweet-small-doughnuts-with-sprinkles-black-table_114579-78941.jpg"},
|
|
{
|
|
id: "p4", brand: "Sweet Aura", name: "Velvet Delight", price: "$12", rating: 5,
|
|
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/creative-arrangement-delicious-macarons_23-2148949042.jpg"},
|
|
{
|
|
id: "p5", brand: "Sweet Aura", name: "Midnight Crunch", price: "$18", rating: 5,
|
|
reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/rose-flavored-dessert-decorative-bowl_23-2151994663.jpg"},
|
|
{
|
|
id: "p6", brand: "Sweet Aura", name: "Forest Berry", price: "$10", rating: 4,
|
|
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/chocolates-with-white-red-coating-black-board-seastones-side-view_141793-15476.jpg"},
|
|
]}
|
|
title="Signature Collection"
|
|
description="Discover our handpicked selection of artisanal sweets."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSix
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Fresh Ingredients", description: "Sourced daily for maximum quality.", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-chocolate-goodies-with-copy-space_23-2148654091.jpg"},
|
|
{
|
|
title: "Handmade Quality", description: "Carefully crafted by expert chocolatiers.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-creamy-delicious-cakes-with-chocolate-cips-white-surface-cake-biscuit-cookie-tea-sweet-cream_140725-101385.jpg"},
|
|
{
|
|
title: "Fast Delivery", description: "Ensuring your sweets arrive fresh.", imageSrc: "http://img.b2bpic.net/free-photo/slice-chocolate-cake-white-plate-with-fruit-crackers_114579-19106.jpg"},
|
|
]}
|
|
title="Why Choose Sweet Aura"
|
|
description="We are dedicated to excellence in every detail of our process."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Elena V.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-smiling-white-background_1187-3895.jpg"},
|
|
{
|
|
id: "t2", name: "Marcus L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-white-shirt-trousers-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22362.jpg"},
|
|
{
|
|
id: "t3", name: "Sophie K.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-yellow-jacket-red-shirt_613910-10362.jpg"},
|
|
{
|
|
id: "t4", name: "James D.", imageSrc: "http://img.b2bpic.net/free-photo/annoyed-pretty-brunette-caucasian-girl-sun-glasses-stands-with-crossed-arms-green_141793-69503.jpg"},
|
|
{
|
|
id: "t5", name: "Linda R.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-stylish-red-dress-holding-shopping-bags-smiling-buying-promo-offe_1258-174602.jpg"},
|
|
]}
|
|
cardTitle="Loved by Connoisseurs"
|
|
cardAnimation="blur-reveal"
|
|
cardTag="Testimonials"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "f1", title: "How are your sweets delivered?", content: "We use climate-controlled packaging for safe delivery."},
|
|
{
|
|
id: "f2", title: "Are ingredients fresh?", content: "Yes, we source fresh, organic ingredients daily."},
|
|
{
|
|
id: "f3", title: "Do you offer custom boxes?", content: "Absolutely, contact us for custom order requests."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/baker-holding-egg-kitchen-top_23-2148302891.jpg"
|
|
mediaAnimation="opacity"
|
|
title="Common Questions"
|
|
description="Everything you need to know about our luxury sweets."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "rotated-rays-animated"}}
|
|
text="Ready to experience the luxury of Sweet Aura? Send us a message to start your order."
|
|
buttons={[
|
|
{
|
|
text: "Submit Details", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Sweet Aura"
|
|
leftLink={{
|
|
text: "Home", href: "#hero"}}
|
|
rightLink={{
|
|
text: "Products", href: "#products"}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|