204 lines
9.7 KiB
TypeScript
204 lines
9.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { Heart, Sparkles, Briefcase, Gift, Calendar } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Services", id: "features"},
|
|
{
|
|
name: "Reviews", id: "testimonials"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="L Floral Studio"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="L Floral Studio"
|
|
description="Luxury Floral Design for Life's Meaningful Moments. Thoughtfully crafted arrangements for weddings, events, and everyday celebrations. Trusted by 79 happy clients in Draper and beyond."
|
|
buttons={[
|
|
{
|
|
text: "Request a Consultation", href: "#contact"},
|
|
{
|
|
text: "Call Now", href: "tel:8015550123"},
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/floral-arrangement-with-pink-roses_23-2148846489.jpg", imageAlt: "luxury wedding floral arrangement"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pink-chrysanthemums-hang-threads-from-ceiling-dinner-hall_1304-3325.jpg", imageAlt: "professional wedding flower setup"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-luxurious-bouquet-orange-roses-white-flowers-black_181624-22630.jpg", imageAlt: "natural greenery and flowers"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/luxury-wedding-catering-banquet-outdoor_624325-1790.jpg?_wi=1", imageAlt: "floral studio interior work"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bridal-bouquet-top-view_1304-3781.jpg", imageAlt: "luxury floral decor detail"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/artificial-colorful-flower-vase-blue-background_114579-82487.jpg", imageAlt: "artistic floral studio backdrop"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"4.9 Star Rating", "Family Owned", "Draper, Utah", "Local Delivery", "Event Expertise", "Wedding Pros", "Artisan Quality"]}
|
|
title="Serving Draper with Heart"
|
|
description="We are proud to serve our local community with dedication and professional floral design."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="Our Story"
|
|
title="Designed with Intention and Artistry"
|
|
description="At L Floral Studio, we believe every arrangement is a narrative. Our passion lies in crafting beauty for life's most meaningful moments, ensuring each petal carries the weight of a memory."
|
|
subdescription="Led by Lori and Delene, our team brings years of dedicated experience and personal touch to every client journey, making your vision our artistic priority."
|
|
icon={Heart}
|
|
imageSrc="http://img.b2bpic.net/free-photo/florist_23-2148013611.jpg?_wi=1"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Weddings", description: "Elegant floral experiences tailored to your unique love story and vision.", buttonIcon: Sparkles,
|
|
buttonHref: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/classic-architecture-beautiful-home-with-flowers_23-2151913140.jpg"},
|
|
{
|
|
title: "Events", description: "Corporate and private event designs that leave a lasting impression.", buttonIcon: Briefcase,
|
|
buttonHref: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/luxury-wedding-catering-banquet-outdoor_624325-1790.jpg?_wi=2"},
|
|
{
|
|
title: "Everyday & Custom", description: "Birthdays, gifts, sympathy, and special celebrations crafted with love.", buttonIcon: Gift,
|
|
buttonHref: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/top-view-flowers-bouquet-with-gift_23-2149024526.jpg"},
|
|
{
|
|
title: "Consultation", description: "Personalized floral planning to guide your creative decisions.", buttonIcon: Calendar,
|
|
buttonHref: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/florist_23-2148013611.jpg?_wi=2"},
|
|
]}
|
|
title="Elevated Floral Experiences"
|
|
description="From grand weddings to intimate everyday gestures, we design with purpose."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Miller", handle: "@sarah_m", testimonial: "Lori and Delene made our wedding day absolutely magical with their stunning arrangements.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-vening-street_1303-3839.jpg"},
|
|
{
|
|
id: "2", name: "James Henderson", handle: "@james_h", testimonial: "The corporate event setup was flawless. Professional and stunning.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg"},
|
|
{
|
|
id: "3", name: "Emily Chen", handle: "@emily_c", testimonial: "Every gift I order is crafted with such care. Truly local and authentic service.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beaty-style-fashion-age-concept-waist-up-shot-beautiful-gray-haired-50-year-old-female-posing-indoors-standing-white-brick-wall-adjusting-her-stylish-outfit-going-have-meeting_344912-1847.jpg"},
|
|
{
|
|
id: "4", name: "Jessica & Tom", handle: "@jess_tom", testimonial: "We couldn't have asked for better florists for our special celebration. Highly recommend!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bride-groom-have-romance-time-happy-together_1150-9328.jpg"},
|
|
{
|
|
id: "5", name: "Robert D.", handle: "@robert_d", testimonial: "Exceptional service for my wife's birthday. The arrangement was breathtaking.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-florist-woman-inside-flower-shop_53876-26300.jpg"},
|
|
]}
|
|
showRating={true}
|
|
title="What Our Clients Say"
|
|
description="Hear from the wonderful people we've helped celebrate life's most important occasions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
tag="Let's Connect"
|
|
title="Request Your Floral Consultation"
|
|
description="Ready to design something meaningful? Reach out to our Draper team and let's start planning your floral experience today."
|
|
buttons={[
|
|
{
|
|
text: "Contact Us Now", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="L Floral Studio"
|
|
columns={[
|
|
{
|
|
title: "Studio", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Weddings", href: "#features"},
|
|
{
|
|
label: "Events", href: "#features"},
|
|
],
|
|
},
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Consultation", href: "#contact"},
|
|
{
|
|
label: "Custom Gifts", href: "#features"},
|
|
{
|
|
label: "Delivery", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|