193 lines
10 KiB
TypeScript
193 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSmall"
|
|
background="none"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "About", id: "/#about" },
|
|
{ name: "Shop", id: "/shop" },
|
|
{ name: "Team", id: "/#team" },
|
|
{ name: "Testimonials", id: "/#testimonials" },
|
|
{ name: "Contact", id: "/#contact" }
|
|
]}
|
|
brandName="Angola"
|
|
bottomLeftText="Experience the Beauty"
|
|
bottomRightText="hello@angola.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="Angola"
|
|
description="Crafting exquisite floral arrangements for every occasion, bringing beauty and joy to your special moments."
|
|
buttons={[
|
|
{ text: "Shop Now", href: "/shop" },
|
|
{ text: "Our Story", href: "/#about" }
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-winter-outfits-with-bouquet-mixed-flowers_114579-2706.jpg", imageAlt: "A luxurious bouquet of fresh flowers"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-store-filled-casual-formal-wear-items-hanging-fashion-store-racks-hangers-full-with-fashionable-clothes-accessories-discount-small-business-commercial-activity_482257-65075.jpg", imageAlt: "An elegant flower studio interior with various arrangements"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-colorful-flower-bouquets-containers-outdoor-shop_181624-28754.jpg", imageAlt: "A vibrant display of various flower types in a shop"}
|
|
]}
|
|
autoplayDelay={5000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="Our Passion for Petals"
|
|
description={[
|
|
"At Angola, we believe in the power of flowers to express emotions, celebrate milestones, and create unforgettable memories. Our studio is dedicated to sourcing the freshest, most beautiful blooms and transforming them into stunning works of art.", "Every arrangement is crafted with meticulous care and a keen eye for design, ensuring that each bouquet tells its own unique story. We pour our heart into every petal, bringing beauty and elegance to your world."]}
|
|
buttons={[
|
|
{ text: "Meet Our Team", href: "#team" },
|
|
{ text: "Contact Us", href: "/#contact" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
showBorder={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
title="Featured Floral Collections"
|
|
description="Discover our most popular and seasonally inspired bouquets, perfect for any celebration or heartfelt gesture."
|
|
tag="Our Creations"
|
|
products={[
|
|
{
|
|
id: "1", name: "The Romantic Rose", price: "$75", variant: "Red, Pink, White (3 Sizes)", imageSrc: "http://img.b2bpic.net/free-photo/bouquet-pink-roses-with-green-leaves-inside-vase_114579-1439.jpg", imageAlt: "A romantic bouquet of red roses"},
|
|
{
|
|
id: "2", name: "Garden Fresh Medley", price: "$60", variant: "Seasonal Mix (Small, Medium)", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-bouquet-yellow-orange-dahliason-light-background_169016-39443.jpg", imageAlt: "A colorful medley of garden fresh flowers"},
|
|
{
|
|
id: "3", name: "Elegant Lily Arrangement", price: "$85", variant: "White Lilies (Classic, Deluxe)", imageSrc: "http://img.b2bpic.net/free-photo/bouquet-beautiful-fresh-white-blooms-vase_23-2148069253.jpg", imageAlt: "An elegant arrangement of white lilies"}
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial='"Angola created the most breathtaking floral arrangements for our wedding. The attention to detail and the freshness of the flowers were simply unparalleled. Our guests were absolutely in awe!"'
|
|
rating={5}
|
|
author="Maria P., Happy Bride"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", alt: "Maria P." },
|
|
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "John D." },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-with-cabbage-dress_23-2150539813.jpg", alt: "Sophia L." },
|
|
{ src: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg", alt: "David K." }
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get in Touch with Our Floral Experts"
|
|
description="Have a question, special request, or need help with an order? Fill out the form below and we'll get back to you shortly."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your floral needs or inquiry...", rows: 5,
|
|
required: true
|
|
}}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-hands-with-gladiolus-flower-pink-alstroemeria-with-lilac-daisy-flowers-sketchbook-with-red-stapler-paper-clips-wooden-background_141793-7805.jpg"
|
|
imageAlt="A florist's hands arranging flowers in a studio"
|
|
mediaPosition="right"
|
|
mediaAnimation="slide-up"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardOne
|
|
title="Meet Our Talented Team"
|
|
description="Dedicated to bringing beauty and creativity to every floral design."
|
|
members={[
|
|
{
|
|
id: "1", name: "Elena Petrova", role: "Head Florist", imageSrc: "https://images.unsplash.com/photo-1580489944761-15a19d654956?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0MDk0MnwwfDF8c2VhcmNofDEzfHxmZW1hbGUlMjBwb3J0cmFpdHxlbnwwfHx8fDE3MTQ5NjM2OTV8MA&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Portrait of Elena Petrova"
|
|
},
|
|
{
|
|
id: "2", name: "Marcus Chen", role: "Design Lead", imageSrc: "https://images.unsplash.com/photo-1507003211169-e6955a6d80bd?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0MDk0MnwwfDF8c2VhcmNofDh8fG1hbGUlMjBwb3J0cmFpdHxlbnwwfHx8fDE3MTQ5NjM3NTh8MA&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Portrait of Marcus Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Sophia Rodriguez", role: "Creative Director", imageSrc: "https://images.unsplash.com/photo-1544005313-94ddf0286df2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0MDk0MnwwfDF8c2VhcmNofDE4fHxmZW1hbGUlMjBwb3J0cmFpdHxlbnwwfHx8fDE3MTQ5NjM2OTV8MA&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Portrait of Sophia Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", role: "Operations Manager", imageSrc: "https://images.unsplash.com/photo-1521119989691-e022f03028bb?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0MDk0MnwwfDF8c2VhcmNofDh8fGhlYWRzaG90fGVufDB8fHx8MTcxNDk2MzY4NHww&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Portrait of David Kim"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-decoration-cute-little-dried-colorful-flowers-wallpaper_343596-3238.jpg?_wi=1"
|
|
imageAlt="Soft, blurred pastel flowers in a tranquil setting"
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{ label: "Bouquets", href: "/shop" },
|
|
{ label: "Arrangements", href: "/shop" },
|
|
{ label: "Custom Orders", href: "/#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "/#about" },
|
|
{ label: "Contact", href: "/#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Instagram", href: "https://instagram.com/angola_flowers" },
|
|
{ label: "Facebook", href: "https://facebook.com/angola_flowers" }
|
|
]
|
|
}
|
|
]}
|
|
logoText="Angola"
|
|
copyrightText="© 2024 Angola Flowers Studio. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|