Initial commit
This commit is contained in:
254
src/app/page.tsx
Normal file
254
src/app/page.tsx
Normal file
@@ -0,0 +1,254 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Sparkles, Star, Instagram, Facebook, Mail } from 'lucide-react';
|
||||
import Link from 'next/link';
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="aurora"
|
||||
cardStyle="elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Jessica"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "About", id: "/about" }
|
||||
]}
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "/contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
title="Exquisite Floral Designs for Every Occasion"
|
||||
description="Create unforgettable moments with Jessica's bespoke floral arrangements. From weddings to corporate events, each piece is crafted with passion and precision."
|
||||
tag="Premium Florist"
|
||||
tagIcon={Sparkles}
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{ text: "Explore Collections", href: "/portfolio" },
|
||||
{ text: "Book Consultation", href: "/contact" }
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/vertical-closeup-shot-beautiful-wedding-bouquet-with-gorgeous-white-roses_181624-15923.jpg",
|
||||
imageAlt: "Luxury Wedding Floral Arrangement"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/composition-flowers-stand-table_8353-10452.jpg",
|
||||
imageAlt: "Elegant White Rose Bouquet"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/green-yellow-bouquet-with-golden-christmas-ball_114579-2440.jpg",
|
||||
imageAlt: "Premium Event Floral Design"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/violet-pink-tone-flowers-bouquet_114579-2150.jpg",
|
||||
imageAlt: "Spring Flower Arrangement"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/wedding-bouquet-table_23-2148105873.jpg",
|
||||
imageAlt: "Colorful Celebration Bouquet"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/bride-her-friends-hold-wedding-bouquet_8353-9249.jpg",
|
||||
imageAlt: "Artistic Studio Floral Design"
|
||||
}
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{ type: "text", content: "Meet Jessica, A Passionate" },
|
||||
{ type: "text", content: "Floral Artist" }
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Learn More", href: "/about" },
|
||||
{ text: "Get Started", href: "/contact" }
|
||||
]}
|
||||
useInvertedBackground="invertDefault"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardOne
|
||||
title="Featured Arrangements"
|
||||
description="Discover our most popular and stunning floral creations, handcrafted with premium flowers and artistic vision."
|
||||
tag="Portfolio"
|
||||
tagIcon={Sparkles}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Bride's Dream Wedding Bouquet",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/heart-shaped-bouquet-white-yellow-roses_140725-10846.jpg",
|
||||
imageAlt: "Luxury Wedding Bouquet"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Premium Event Centerpiece",
|
||||
price: "Starting at $150",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/candles-burn-standing-tall-vases-floor_1304-5614.jpg",
|
||||
imageAlt: "Event Table Arrangement"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Seasonal Gift Collection",
|
||||
price: "Starting at $85",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/decorative-floral-composition-table_8353-9811.jpg",
|
||||
imageAlt: "Seasonal Flower Gift"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground="noInvert"
|
||||
buttons={[
|
||||
{ text: "View Full Portfolio", href: "/portfolio" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
title="Our Services"
|
||||
description="From weddings to corporate events, Jessica offers comprehensive floral design services tailored to your vision and budget."
|
||||
tag="Services"
|
||||
tagIcon={Sparkles}
|
||||
features={[
|
||||
{
|
||||
id: "01",
|
||||
title: "Wedding Florals",
|
||||
description: "Complete bridal packages including bouquets, ceremony arrangements, and reception centerpieces.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/vertical-closeup-shot-beautiful-wedding-bouquet-with-gorgeous-white-roses_181624-15923.jpg",
|
||||
imageAlt: "Wedding Floral Design"
|
||||
},
|
||||
{
|
||||
id: "02",
|
||||
title: "Event Design",
|
||||
description: "Corporate events, galas, and private celebrations with custom floral installations and arrangements.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/composition-flowers-stand-table_8353-10452.jpg",
|
||||
imageAlt: "Event Floral Installation"
|
||||
},
|
||||
{
|
||||
id: "03",
|
||||
title: "Seasonal Bouquets",
|
||||
description: "Fresh, beautiful bouquets for birthdays, anniversaries, and special occasions delivered to your loved ones.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/green-yellow-bouquet-with-golden-christmas-ball_114579-2440.jpg",
|
||||
imageAlt: "Seasonal Bouquet Arrangement"
|
||||
},
|
||||
{
|
||||
id: "04",
|
||||
title: "Consultation Services",
|
||||
description: "Expert floral design consultation to help you plan the perfect arrangements for any event.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/violet-pink-tone-flowers-bouquet_114579-2150.jpg",
|
||||
imageAlt: "Floral Consultation"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground="invertDefault"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
title="What Our Clients Say"
|
||||
description="Real stories from happy customers who trusted Jessica with their special moments."
|
||||
tag="Testimonials"
|
||||
tagIcon={Star}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Mitchell",
|
||||
role: "Bride",
|
||||
company: "June Wedding 2024",
|
||||
rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/florist_23-2148013627.jpg",
|
||||
imageAlt: "Sarah Mitchell"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jennifer Lee",
|
||||
role: "Event Planner",
|
||||
company: "Elite Events Co.",
|
||||
rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-happy-woman-making-bouquet_23-2148377273.jpg",
|
||||
imageAlt: "Jennifer Lee"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Amanda Foster",
|
||||
role: "Corporate Client",
|
||||
company: "Tech Innovations Inc.",
|
||||
rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/florist-makes-beautiful-bouquet-studio_1157-28388.jpg",
|
||||
imageAlt: "Amanda Foster"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to bring your floral vision to life? Contact Jessica today to book your consultation and start creating something beautiful together."
|
||||
animationType="background-highlight"
|
||||
buttons={[
|
||||
{ text: "Schedule Consultation", href: "/contact" },
|
||||
{ text: "View Portfolio", href: "/portfolio" }
|
||||
]}
|
||||
useInvertedBackground="invertDefault"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterCard
|
||||
logoText="Jessica"
|
||||
copyrightText="© 2025 Jessica Flowers Studio. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "https://instagram.com/jessicaflowersstudio", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "https://facebook.com/jessicaflowersstudio", ariaLabel: "Facebook" },
|
||||
{ icon: Mail, href: "mailto:hello@jessicaflowers.com", ariaLabel: "Email" }
|
||||
]}
|
||||
/>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user