Initial commit
This commit is contained in:
Nikolay Pecheniev
249
src/app/page.tsx
Normal file
249
src/app/page.tsx
Normal file
@@ -0,0 +1,249 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { Flower, Sparkles, Star, Heart, HelpCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="medium"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Magnolia"
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Arrangements", id: "products" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Order Now", href: "contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
title="Magnolia Flowers Studio"
|
||||
description="Exquisite floral arrangements crafted with passion and precision. Each bloom tells a story of elegance and natural beauty."
|
||||
tag="Premium Floristry"
|
||||
tagIcon={Flower}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/closeup-pink-magnolia-flowers-tree-with-tree-branches-background_181624-34317.jpg"
|
||||
imageAlt="magnolia flowers arrangement bloom botanical elegant"
|
||||
buttons={[
|
||||
{ text: "Explore Arrangements", href: "products" },
|
||||
{ text: "Learn More", href: "about" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
title="Artistry in Every Bloom"
|
||||
description="At Magnolia, we believe every flower deserves to be celebrated. Our studio combines traditional floristry techniques with contemporary design sensibilities, creating arrangements that transcend ordinary beauty. With over a decade of experience, our passionate team handcrafts each piece to perfection."
|
||||
tag="Our Story"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/bouquet-flowers-plant-twigs-vase-near-wall_23-2148031500.jpg"
|
||||
imageAlt="flower studio workspace floral design creative"
|
||||
useInvertedBackground="noInvert"
|
||||
buttons={[
|
||||
{ text: "View Our Services", href: "features" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
title="Our Services"
|
||||
description="Discover the full spectrum of floral design services tailored to your special moments"
|
||||
tag="What We Offer"
|
||||
tagIcon={Sparkles}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Wedding Floristry", description: "Bespoke bridal bouquets, ceremony arrangements, and reception centerpieces designed to complement your perfect day.", phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/soft-focus-pink-magnolia-flower-tree-with-blurry-background_181624-32652.jpg" },
|
||||
phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/pink-flowers-blossoming-branches-tree_181624-28511.jpg" }
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Event Design", description: "Custom floral installations and decorative arrangements that elevate corporate events, galas, and celebrations.", phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/pink-flowers-blossoming-branches-tree_181624-28511.jpg" },
|
||||
phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/pink-flowers-blossoming-branches-tree_181624-24084.jpg" }
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Subscription Services", description: "Fresh flower deliveries every week, curated seasonally to bring nature's beauty into your home or office.", phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/pink-flowers-blossoming-branches-tree_181624-24084.jpg" },
|
||||
phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/soft-focus-pink-magnolia-flower-tree-with-blurry-background_181624-32652.jpg" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
buttons={[
|
||||
{ text: "Book a Consultation", href: "contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
title="Featured Arrangements"
|
||||
description="Hand-selected premium floral arrangements available for immediate order"
|
||||
tag="Available Now"
|
||||
tagIcon={Heart}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Luxury Rose Collection", price: "$85.00", imageSrc: "https://img.b2bpic.net/free-photo/white-magnolia-flower_661209-545.jpg", imageAlt: "red roses bouquet luxury flowers arrangement", initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: "2", name: "Sunburst Celebration", price: "$72.00", imageSrc: "https://img.b2bpic.net/free-photo/pink-flower-tree-branch-surrounded-by-others_181624-27156.jpg", imageAlt: "sunflowers yellow bouquet bright flowers cheerful", initialQuantity: 1
|
||||
},
|
||||
{
|
||||
id: "3", name: "Spring Tulip Medley", price: "$68.00", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-white-flowers-glass-bottle-with-water_23-2147925523.jpg", imageAlt: "tulips spring bouquet colorful flowers fresh", initialQuantity: 1
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
buttons={[
|
||||
{ text: "View Full Catalog", href: "#" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="What Our Clients Say"
|
||||
description="Real stories from those who've experienced Magnolia's floral artistry"
|
||||
tag="Client Reviews"
|
||||
tagIcon={Star}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Emma Richardson, Bride", date: "Date: 15 June 2024", title: "The most beautiful bouquet I could have imagined", quote: "Magnolia transformed my wedding vision into reality. Every flower was perfect, and the team's attention to detail was extraordinary. Our guests are still talking about the arrangements!", tag: "Wedding", avatarSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", imageSrc: "https://img.b2bpic.net/free-photo/soft-focus-pink-magnolia-flower-tree-with-blurry-background_181624-32652.jpg"
|
||||
},
|
||||
{
|
||||
id: "2", name: "James Mitchell, Event Planner", date: "Date: 22 May 2024", title: "Exceeded all expectations for our gala", quote: "Working with Magnolia was a dream. They understood the vision immediately and created stunning floral installations that elevated the entire event. Their professionalism is unmatched.", tag: "Corporate Event", avatarSrc: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", imageSrc: "https://img.b2bpic.net/free-photo/pink-flowers-blossoming-branches-tree_181624-28511.jpg"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Sofia Chen, Home Subscriber", date: "Date: 8 April 2024", title: "Fresh flowers every week bring joy to my home", quote: "I've been subscribing for three months and each delivery is better than the last. The seasonal arrangements are always creative and the flowers last so long. Highly recommended!", tag: "Subscription", avatarSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg", imageSrc: "https://img.b2bpic.net/free-photo/pink-flowers-blossoming-branches-tree_181624-24084.jpg"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Marcus Thompson, Corporate Office", date: "Date: 20 March 2024", title: "Brightens our workspace every day", quote: "Our office reception is now a showcase thanks to Magnolia's monthly arrangements. The vibrant displays make such a positive impression on clients. Well worth the investment.", tag: "Corporate", avatarSrc: "https://img.b2bpic.net/free-photo/portrait-young-smiling-pretty-girl-plaid-shirt-posing_114579-70643.jpg", imageSrc: "https://img.b2bpic.net/free-photo/pink-flowers-blossoming-branches-tree_181624-28511.jpg"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Lisa Anderson, Anniversary Celebration", date: "Date: 10 February 2024", title: "Perfect flowers for our special day", quote: "Magnolia created a breathtaking centerpiece for our 25th anniversary dinner. The arrangement was elegant, romantic, and exactly what I envisioned. Thank you for making our night special.", tag: "Special Occasion", avatarSrc: "https://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg", imageSrc: "https://img.b2bpic.net/free-photo/white-magnolia-flower_661209-545.jpg"
|
||||
},
|
||||
{
|
||||
id: "6", name: "David Park, Garden Enthusiast", date: "Date: 28 January 2024", title: "Passion for flowers evident in every piece", quote: "As someone who loves flowers, I deeply appreciate the craftsmanship and knowledge the Magnolia team brings to every arrangement. They're not just sellers, they're true artists.", tag: "Personal", avatarSrc: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601457.jpg", imageSrc: "https://img.b2bpic.net/free-photo/pink-flowers-blossoming-branches-tree_181624-24084.jpg"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about ordering from Magnolia"
|
||||
tag="Help Center"
|
||||
tagIcon={HelpCircle}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How far in advance should I order?", content: "For wedding and large events, we recommend ordering 2-4 weeks in advance. For regular orders, same-day arrangements are available if placed before 2 PM. Subscription services can be set up anytime."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Do you offer delivery?", content: "Yes! We offer free delivery within 5 miles of our studio for orders over $50. Extended delivery areas are available for an additional fee. Express delivery options are available for special occasions."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Can I customize arrangements?", content: "Absolutely! We specialize in custom arrangements. Share your preferences, color palette, and occasion details, and our team will create something uniquely tailored for you."
|
||||
},
|
||||
{
|
||||
id: "4", title: "What payment methods do you accept?", content: "We accept all major credit cards, PayPal, Apple Pay, and Google Pay. For large orders, we can arrange payment plans. A 50% deposit is required to secure your order."
|
||||
},
|
||||
{
|
||||
id: "5", title: "How long do arrangements typically last?", content: "Our arrangements typically last 7-10 days with proper care. We include detailed care instructions with every delivery. Seasonal factors and flower types may affect longevity."
|
||||
},
|
||||
{
|
||||
id: "6", title: "What's your cancellation policy?", content: "Orders can be cancelled up to 48 hours before delivery for a full refund. Deposits for events are non-refundable but can be transferred to a different date within 12 months."
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to transform your space with premium floristry? Get in touch with our team to discuss your vision and create something truly memorable."
|
||||
animationType="entrance-slide"
|
||||
useInvertedBackground="noInvert"
|
||||
buttons={[
|
||||
{ text: "Send Us a Message", href: "#" },
|
||||
{ text: "Call Us Today", href: "#" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate", items: [
|
||||
{ label: "Home", href: "hero" },
|
||||
{ label: "About", href: "about" },
|
||||
{ label: "Services", href: "features" },
|
||||
{ label: "Arrangements", href: "products" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Weddings", href: "#" },
|
||||
{ label: "Events", href: "#" },
|
||||
{ label: "Subscriptions", href: "#" },
|
||||
{ label: "Custom Orders", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "Email", href: "#" },
|
||||
{ label: "Phone", href: "#" },
|
||||
{ label: "Visit Us", href: "#" },
|
||||
{ label: "FAQ", href: "faq" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Return Policy", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 Magnolia Flowers Studio. All rights reserved."
|
||||
bottomRightText="Crafted with passion and petals"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user