Merge version_2 into main #3
247
src/app/page.tsx
247
src/app/page.tsx
@@ -2,17 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Award, Heart, Leaf } from "lucide-react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Award, Heart, Leaf, Mail, Instagram, Twitter } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,219 +29,115 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Daisy Candle Co."
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Story", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
button={{ text: "Order Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
<HeroBillboardTestimonial
|
||||
title="Blooming Joy in Every Wick"
|
||||
description="Experience the delicate essence of nature with our hand-poured, daisy-infused soy candles. Designed to bring peace and serenity to your home."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Candles", href: "#products"},
|
||||
]}
|
||||
description="Hand-poured soy candles infused with the delicate essence of nature. Bring serene floral calm into your sanctuary."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[{ text: "Shop Collection", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-flowers-with-decorative-objects-living-room_169016-5967.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-bed_23-2149304904.jpg", alt: "Customer profile 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-with-radiant-smile-sitting-room_259150-60488.jpg", alt: "Customer profile 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-caucasian-girl-shirt-jeans-sits-by-window-has-conversation-with-friend-concept-rest-recovery_197531-31505.jpg", alt: "Customer profile 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-woman-cafe-with-laptop_197531-33889.jpg", alt: "Customer profile 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-conducting-reiki-therapy_23-2149403941.jpg", alt: "Customer profile 5"},
|
||||
testimonials={[
|
||||
{ name: "Elise M.", handle: "@elise_m", testimonial: "The scent is pure magic.", rating: 5 }
|
||||
]}
|
||||
avatarText="Join 5,000+ happy candle lovers"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Nature's Calm, Captured"
|
||||
description="We believe in the power of simplicity. Every candle is handcrafted with pure soy wax and the spirit of blooming daisies, ensuring your space feels like a gentle garden retreat."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%", title: "Organic Ingredients"},
|
||||
{
|
||||
value: "24h", title: "Average Burn Time"},
|
||||
{
|
||||
value: "12+", title: "Floral Varieties"},
|
||||
heading={[
|
||||
{ type: 'text', content: "Nature's Calm, Captured" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/camomiles-shea-butter_23-2147677828.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
buttons={[{ text: "Our Process" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
<ProductCardOne
|
||||
title="Curated Floral Candles"
|
||||
description="Explore our signature scents inspired by seasonal blooms."
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Signature Daisy", price: "$28", variant: "Soy Wax", imageSrc: "http://img.b2bpic.net/free-photo/candles-spring-flowers-table-serving-decor-concept-top-view_169016-28298.jpg"},
|
||||
{
|
||||
id: "p2", name: "Sun-Kissed Petals", price: "$32", variant: "Small Batch", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-halloween_23-2147680564.jpg"},
|
||||
{
|
||||
id: "p3", name: "Garden Retreat", price: "$25", variant: "Eco-friendly", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cream-flowers_23-2148419401.jpg"},
|
||||
{
|
||||
id: "p4", name: "Floral Harmony", price: "$30", variant: "Hand-poured", imageSrc: "http://img.b2bpic.net/free-photo/dried-chamomile-flowers-wooden-bowl_114579-66384.jpg"},
|
||||
{
|
||||
id: "p5", name: "Spring Awakening", price: "$28", variant: "Aromatic", imageSrc: "http://img.b2bpic.net/free-photo/oatmeal-cookies-cup-daisies-book_114579-75937.jpg"},
|
||||
{
|
||||
id: "p6", name: "Meadow Breeze", price: "$35", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/floral-composition-wooden-plate_23-2147693021.jpg"},
|
||||
{ id: "p1", name: "Signature Daisy", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/candles-spring-flowers-table-serving-decor-concept-top-view_169016-28298.jpg" },
|
||||
{ id: "p2", name: "Sun-Kissed Petals", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-halloween_23-2147680564.jpg" },
|
||||
{ id: "p3", name: "Garden Retreat", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cream-flowers_23-2148419401.jpg" },
|
||||
{ id: "p4", name: "Floral Harmony", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/dried-chamomile-flowers-wooden-bowl_114579-66384.jpg" }
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Explore our curated selection of floral-inspired candles, each capturing a unique moment of spring."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
<FeatureHoverPattern
|
||||
title="Why Choose Our Candles"
|
||||
description="Sustainability meets artisan quality in every jar."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Eco-Friendly Soy", description: "100% natural, clean burning wax.", icon: Leaf,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/large-beautiful-candle-eucalyptus-twigs-white-background-isolated_169016-25947.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/candles-spring-flowers-table-serving-decor-concept-top-view_169016-29130.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Ethical Sourcing", description: "Supporting local floral growers.", icon: Heart,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-essential-oil-with-pink-flower-petals-bowl_23-2147844949.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-decor-house_23-2151207025.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Artisan Quality", description: "Poured by hand in small batches.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-with-flowers-cup_23-2147721587.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-with-spring-flowers-interior_169016-2072.jpg"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We prioritize sustainability and quality above all else."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Home Living", "Green Life", "Artisan Weekly", "Eco Chic", "Bloom Today", "Modern Home", "Daily Rituals"]}
|
||||
title="Featured In"
|
||||
description="Recognized by industry leaders for our commitment to quality."
|
||||
features={[
|
||||
{ icon: Leaf, title: "100% Organic Soy", description: "Clean, non-toxic, and long-lasting." },
|
||||
{ icon: Heart, title: "Ethically Sourced", description: "Supporting local floral growers." },
|
||||
{ icon: Award, title: "Hand-Poured", description: "Small batch quality control." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The scent is so delicate and natural, just like walking through a fresh daisy field. Truly my favorite purchase this season!"
|
||||
rating={5}
|
||||
author="Elise M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-taking-break-from-taking-care-indoor-plants_23-2148850884.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/xmas-holidays-decor-party-festive-atmosphere-concept-good-looking-cheerful-middle-aged-female-with-short-hair-enjoying-christmas-mood-sitting-around-wax-candles-decorations-lights_343059-4681.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-floor-home-with-christmas-presents_114579-80834.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-view-cute-woman-with-book-home_197531-32317.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/thoughtful-blond-woman-holding-flower-face_23-2148079408.jpg", alt: "Customer 5"},
|
||||
<TestimonialCardFive
|
||||
title="What Our Community Says"
|
||||
textboxLayout="split-description"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", date: "May 2024", title: "Pure Serenity", quote: "These candles transformed my home office into a peaceful garden.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/woman-taking-break-from-taking-care-indoor-plants_23-2148850884.jpg" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What wax do you use?", content: "We use 100% natural, eco-friendly soy wax."},
|
||||
{
|
||||
id: "2", title: "How long do they burn?", content: "Our candles average 24 hours of burn time."},
|
||||
{
|
||||
id: "3", title: "Are they safe for pets?", content: "Yes, our oils are non-toxic and pet-safe."},
|
||||
]}
|
||||
title="Questions? We're Here."
|
||||
description="Find everything you need to know about your candles."
|
||||
<FaqSplitText
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "Are these pet friendly?", content: "Yes, all our ingredients are non-toxic and pet-safe." },
|
||||
{ id: "2", title: "How do I care for my candle?", content: "Always trim your wick to 1/4 inch before each burn." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Have a custom request? Reach out and say hello!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us", href: "mailto:hello@daisycandles.com"},
|
||||
]}
|
||||
<ContactCTA
|
||||
tag="Get In Touch"
|
||||
title="Ready for a serene home?"
|
||||
description="Reach out for custom candle inquiries or bulk orders."
|
||||
buttons={[{ text: "Email Us", href: "mailto:hello@daisycandles.com" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Shop", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
<FooterCard
|
||||
logoText="Daisy Candle Co."
|
||||
copyrightText="© 2024 Daisy Candle Co."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Mail, href: "mailto:hello@daisycandles.com", ariaLabel: "Email" }
|
||||
]}
|
||||
bottomLeftText="© 2024 Daisy Candle Co."
|
||||
bottomRightText="Crafted with love."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user