Compare commits
23 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 10d189bc46 | |||
| 3797e736a7 | |||
| f73cf5214a | |||
| dc0ddfb206 | |||
| f95cd0226a | |||
| adab2a47f2 | |||
| ff44110b2c | |||
| 8b7eb3206d | |||
| 259741486b | |||
| ebb9f10e31 | |||
| f4ae6cdf43 | |||
| cdf9235c2e | |||
| 864568b289 | |||
| ec72fb4b46 | |||
| 5e924c4d1e | |||
| 7ff4f2636d | |||
| 2da58197e4 | |||
| a42130387c | |||
| 68a5874481 | |||
| f494245490 | |||
| b854089b86 | |||
| ab3aacf168 | |||
| 8b3e75a10d |
@@ -1,52 +1,34 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Roboto } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { DM_Sans } from "next/font/google";
|
||||
import { Libre_Baskerville } from "next/font/google";
|
||||
import { Montserrat } from "next/font/google";
|
||||
import { Inter_Tight } from "next/font/google";
|
||||
import "./styles/variables.css";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const roboto = Roboto({
|
||||
variable: "--font-roboto", subsets: ["latin"],
|
||||
weight: ["100", "300", "400", "500", "700", "900"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Bee to Me | Sustainable Floral Arrangements & Design", description: "Handcrafted, eco-friendly floral arrangements that celebrate nature's pollinators. Shop premium bouquets, wedding flowers, and custom designs with sustainable, locally-sourced blooms.", keywords: "flowers, floral arrangements, sustainable florist, wedding flowers, bouquets, eco-friendly, local flowers, bee conservation", metadataBase: new URL("https://beetome.com"),
|
||||
alternates: {
|
||||
canonical: "https://beetome.com"
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true
|
||||
},
|
||||
openGraph: {
|
||||
title: "Bee to Me | Premium Sustainable Floral Arrangements", description: "Discover handcrafted floral designs that honor pollinators and celebrate natural beauty. Shop sustainable, eco-friendly arrangements today.", type: "website", siteName: "Bee to Me", images: [{
|
||||
url: "http://img.b2bpic.net/free-photo/pink-tiny-roses-close-up_1304-4048.jpg", alt: "Bee to Me premium floral arrangement"
|
||||
}]
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "Bee to Me | Sustainable Floral Arrangements", description: "Handcrafted flowers that celebrate nature's pollinators. Eco-friendly, locally-sourced, and beautifully designed.", images: ["http://img.b2bpic.net/free-photo/pink-tiny-roses-close-up_1304-4048.jpg"]
|
||||
}
|
||||
};
|
||||
title: "Elegant Restaurant", description: "Experience fine dining at its finest"};
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
const interTight = Inter_Tight({
|
||||
variable: "--font-inter-tight",
|
||||
subsets: ["latin"],
|
||||
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
|
||||
});
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${roboto.variable} ${inter.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<html lang="en">
|
||||
<body className={`${interTight.variable} antialiased`}>{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -288,9 +270,7 @@ export default function RootLayout({
|
||||
const getElementInfo = (element, assignId = false) => {
|
||||
const rect = element.getBoundingClientRect();
|
||||
const tagName = element.tagName.toLowerCase();
|
||||
const selector = getUniqueSelector(element, assignId);
|
||||
const sectionId = getSectionId(element);
|
||||
|
||||
|
||||
let className = undefined;
|
||||
try {
|
||||
if (element.className) {
|
||||
@@ -318,8 +298,7 @@ export default function RootLayout({
|
||||
};
|
||||
|
||||
if (tagName === 'img') {
|
||||
const originalSrc = extractOriginalUrl(element.src);
|
||||
info.imageData = {
|
||||
info.imageData = {
|
||||
src: originalSrc,
|
||||
alt: element.alt || undefined,
|
||||
naturalWidth: element.naturalWidth,
|
||||
@@ -330,8 +309,7 @@ export default function RootLayout({
|
||||
|
||||
if (tagName === 'video') {
|
||||
const rawSrc = element.src || element.currentSrc || (element.querySelector('source') && element.querySelector('source').src) || '';
|
||||
const resolvedSrc = extractOriginalUrl(rawSrc);
|
||||
info.imageData = {
|
||||
info.imageData = {
|
||||
src: resolvedSrc,
|
||||
alt: element.getAttribute('aria-label') || undefined,
|
||||
isBackground: false,
|
||||
@@ -344,8 +322,7 @@ export default function RootLayout({
|
||||
if (backgroundImage && backgroundImage !== 'none') {
|
||||
const urlMatch = backgroundImage.match(/url(['"]?([^'")]+)['"]?)/);
|
||||
if (urlMatch) {
|
||||
const originalBgSrc = extractOriginalUrl(urlMatch[1]);
|
||||
if (tagName !== 'img') {
|
||||
if (tagName !== 'img') {
|
||||
info.imageData = {
|
||||
src: originalBgSrc,
|
||||
isBackground: true
|
||||
@@ -357,8 +334,7 @@ export default function RootLayout({
|
||||
}
|
||||
}
|
||||
|
||||
const elementType = getElementType(element);
|
||||
info.elementType = elementType;
|
||||
info.elementType = elementType;
|
||||
|
||||
if (elementType === 'Button') {
|
||||
const buttonText = element.textContent?.trim() || element.value || element.getAttribute('aria-label') || '';
|
||||
@@ -451,13 +427,11 @@ export default function RootLayout({
|
||||
};
|
||||
|
||||
const isTextElement = (element) => {
|
||||
const elementType = getElementType(element);
|
||||
return elementType === 'Text';
|
||||
return elementType === 'Text';
|
||||
};
|
||||
|
||||
const isButtonElement = (element) => {
|
||||
const elementType = getElementType(element);
|
||||
return elementType === 'Button';
|
||||
return elementType === 'Button';
|
||||
};
|
||||
|
||||
const updateButtonText = (element, newText) => {
|
||||
@@ -532,8 +506,7 @@ export default function RootLayout({
|
||||
};
|
||||
|
||||
const handleInput = () => {
|
||||
const elementInfo = getElementInfo(element);
|
||||
let currentText = element.textContent;
|
||||
let currentText = element.textContent;
|
||||
|
||||
// Ensure there's always at least a space to keep the element editable
|
||||
if (currentText === '' || currentText === null || currentText.length === 0) {
|
||||
@@ -646,8 +619,7 @@ export default function RootLayout({
|
||||
}, '*');
|
||||
|
||||
if (save && originalContent !== element.textContent) {
|
||||
const elementInfo = getElementInfo(element);
|
||||
let finalText = element.textContent;
|
||||
let finalText = element.textContent;
|
||||
|
||||
// Trim the final text and convert space-only to empty string for saving
|
||||
if (finalText === ' ' || finalText.trim() === '') {
|
||||
@@ -776,7 +748,7 @@ export default function RootLayout({
|
||||
lastMouseX = e.clientX;
|
||||
lastMouseY = e.clientY;
|
||||
|
||||
const target = getMostSpecificElement(e.clientX, e.clientY) || e.target;
|
||||
|| e.target;
|
||||
|
||||
if (!isValidElement(target) || target === hoveredElement || target === selectedElement) {
|
||||
return;
|
||||
@@ -808,8 +780,7 @@ export default function RootLayout({
|
||||
hoverOverlay = createHoverOverlay(target);
|
||||
}
|
||||
|
||||
const elementType = getElementType(target);
|
||||
showElementTypeLabel(target, elementType);
|
||||
showElementTypeLabel(target, elementType);
|
||||
|
||||
window.parent.postMessage({
|
||||
type: 'webild-element-hover',
|
||||
@@ -851,7 +822,7 @@ export default function RootLayout({
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
|
||||
const target = getMostSpecificElement(e.clientX, e.clientY) || e.target;
|
||||
|| e.target;
|
||||
if (!isValidElement(target)) return;
|
||||
|
||||
if (selectedElement && selectedElement !== target) {
|
||||
@@ -896,8 +867,7 @@ export default function RootLayout({
|
||||
hoveredElement = null;
|
||||
}
|
||||
|
||||
const elementInfo = getElementInfo(target, true);
|
||||
selectedElement.dataset.webildSelector = elementInfo.selector;
|
||||
selectedElement.dataset.webildSelector = elementInfo.selector;
|
||||
showElementTypeLabel(target, elementInfo.elementType);
|
||||
|
||||
window.parent.postMessage({
|
||||
@@ -980,8 +950,7 @@ export default function RootLayout({
|
||||
isScrolling = false;
|
||||
|
||||
if (lastMouseX > 0 && lastMouseY > 0) {
|
||||
const target = getMostSpecificElement(lastMouseX, lastMouseY);
|
||||
if (target && isValidElement(target) && target !== selectedElement) {
|
||||
if (target && isValidElement(target) && target !== selectedElement) {
|
||||
hoveredElement = target;
|
||||
|
||||
const computedStyle = window.getComputedStyle(target);
|
||||
@@ -995,8 +964,7 @@ export default function RootLayout({
|
||||
hoveredElement.classList.add(hoverClass);
|
||||
hoverOverlay = createHoverOverlay(target);
|
||||
|
||||
const elementType = getElementType(target);
|
||||
showElementTypeLabel(target, elementType);
|
||||
showElementTypeLabel(target, elementType);
|
||||
|
||||
window.parent.postMessage({
|
||||
type: 'webild-element-hover',
|
||||
@@ -1019,8 +987,7 @@ export default function RootLayout({
|
||||
|
||||
const saveChangeToStorage = (change) => {
|
||||
try {
|
||||
const storageKey = getStorageKey();
|
||||
const existingChanges = JSON.parse(localStorage.getItem(storageKey) || '[]');
|
||||
const existingChanges = JSON.parse(localStorage.getItem(storageKey) || '[]');
|
||||
|
||||
const filteredChanges = existingChanges.filter(c => {
|
||||
return !(c.oldValue === change.oldValue && c.sectionId === change.sectionId);
|
||||
@@ -1040,8 +1007,7 @@ export default function RootLayout({
|
||||
|
||||
const clearLocalChanges = () => {
|
||||
try {
|
||||
const storageKey = getStorageKey();
|
||||
localStorage.removeItem(storageKey);
|
||||
localStorage.removeItem(storageKey);
|
||||
window.parent.postMessage({
|
||||
type: 'webild-local-changes-cleared',
|
||||
data: {}
|
||||
@@ -1090,8 +1056,7 @@ export default function RootLayout({
|
||||
|
||||
if (e.data.type === 'webild-cancel-changes') {
|
||||
try {
|
||||
const storageKey = getStorageKey();
|
||||
const savedChanges = localStorage.getItem(storageKey);
|
||||
const savedChanges = localStorage.getItem(storageKey);
|
||||
if (savedChanges) {
|
||||
const changes = JSON.parse(savedChanges);
|
||||
changes.forEach(change => {
|
||||
@@ -1113,8 +1078,7 @@ export default function RootLayout({
|
||||
if (isBackground) {
|
||||
element.style.backgroundImage = change.oldValue ? 'url(' + change.oldValue + ')' : '';
|
||||
} else {
|
||||
const oldMediaType = getMediaTypeFromUrl(change.oldValue);
|
||||
if (revertTag === 'video' && oldMediaType === 'image') {
|
||||
if (revertTag === 'video' && oldMediaType === 'image') {
|
||||
swapMediaElement(element, 'img', change.oldValue);
|
||||
} else if (revertTag === 'img' && oldMediaType === 'video') {
|
||||
swapMediaElement(element, 'video', change.oldValue);
|
||||
@@ -1162,8 +1126,7 @@ export default function RootLayout({
|
||||
const el = textElements[i];
|
||||
if (isTextElement(el) && el.textContent.trim() === (oldValue || '').trim()) {
|
||||
element = el;
|
||||
const newSelector = getUniqueSelector(element, true);
|
||||
if (newSelector) {
|
||||
if (newSelector) {
|
||||
element.dataset.webildSelector = newSelector;
|
||||
}
|
||||
break;
|
||||
@@ -1254,10 +1217,8 @@ export default function RootLayout({
|
||||
replaced = true;
|
||||
} else if (element.tagName.toLowerCase() === 'img') {
|
||||
oldValue = element.src;
|
||||
const newMediaType = getMediaTypeFromUrl(newSrc);
|
||||
if (newMediaType === 'video' && allowMediaTypeSwap) {
|
||||
const swapped = swapMediaElement(element, 'video', newSrc);
|
||||
if (selectedElement === element) selectedElement = swapped;
|
||||
if (newMediaType === 'video' && allowMediaTypeSwap) {
|
||||
if (selectedElement === element) selectedElement = swapped;
|
||||
element = swapped;
|
||||
} else {
|
||||
element.src = newSrc;
|
||||
@@ -1265,11 +1226,9 @@ export default function RootLayout({
|
||||
replaced = true;
|
||||
} else if (element.tagName.toLowerCase() === 'video') {
|
||||
oldValue = element.src || element.currentSrc || '';
|
||||
const newMediaType = getMediaTypeFromUrl(newSrc);
|
||||
const sources = element.querySelectorAll('source');
|
||||
const sources = element.querySelectorAll('source');
|
||||
if (newMediaType === 'image' && allowMediaTypeSwap) {
|
||||
const swapped = swapMediaElement(element, 'img', newSrc);
|
||||
if (selectedElement === element) selectedElement = swapped;
|
||||
if (selectedElement === element) selectedElement = swapped;
|
||||
element = swapped;
|
||||
} else {
|
||||
if (sources.length > 0) {
|
||||
@@ -1291,8 +1250,7 @@ export default function RootLayout({
|
||||
}
|
||||
|
||||
if (replaced) {
|
||||
const elementInfo = getElementInfo(element);
|
||||
|
||||
|
||||
let cleanOldValue = oldValue;
|
||||
if (oldValue.includes('url(')) {
|
||||
const urlMatch = oldValue.match(/url(['"]?([^'")]+)['"]?)/);
|
||||
@@ -1363,13 +1321,7 @@ export default function RootLayout({
|
||||
}
|
||||
}, true);
|
||||
|
||||
const urlCheckInterval = setInterval(() => {
|
||||
if (lastPathname !== window.location.pathname) {
|
||||
lastPathname = window.location.pathname;
|
||||
notifyPageChange();
|
||||
}
|
||||
}, 500);
|
||||
|
||||
|
||||
notifyPageChange();
|
||||
|
||||
window.webildCleanup = () => {
|
||||
@@ -1414,7 +1366,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
215
src/app/page.tsx
215
src/app/page.tsx
@@ -1,16 +1,16 @@
|
||||
"use client"
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import { Award, CheckCircle, Flower2, Gift, Heart, Leaf, Mail, Package, Palette, Sparkles, Sprout, Star, Zap } from "lucide-react";
|
||||
import { Award, CheckCircle, Flower2, Gift, Heart, Leaf, Mail, Package, Palette, Sparkles, Sprout, Star, Users, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,90 +29,79 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
{ name: "Featured Dishes", id: "products" },
|
||||
{ name: "Menu Highlights", id: "features" },
|
||||
{ name: "Reservations", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Order Now", href: "contact" }}
|
||||
brandName="Bee to Me"
|
||||
button={{ text: "Book Now", href: "contact" }}
|
||||
brandName="Elegant Restaurant"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
title="Celebrate Nature's Beauty with Bee to Me"
|
||||
description="Handcrafted floral arrangements that honor pollinators and brighten every moment. From weddings to corporate events, we create stunning designs with sustainable, locally-sourced flowers."
|
||||
tag="Premium Floristry"
|
||||
tagIcon={Flower2}
|
||||
<HeroSplitDualMedia
|
||||
title="Welcome to Culinary Excellence"
|
||||
description="Experience fine dining at its finest. Our restaurant celebrates elegant cuisine with lavender-blue accents and an ambiance of refined sophistication. Discover seasonal menus crafted by award-winning chefs."
|
||||
tag="Fine Dining"
|
||||
tagIcon={Sparkles}
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{ text: "Shop Now", href: "products" },
|
||||
{ text: "Learn More", href: "about" }
|
||||
{ text: "View Menu", href: "products" },
|
||||
{ text: "Reserve Table", href: "contact" }
|
||||
]}
|
||||
carouselItems={[
|
||||
mediaItems={[
|
||||
{
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/pink-tiny-roses-close-up_1304-4048.jpg", imageAlt: "Elegant rose bouquet arrangement"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-tiny-roses-close-up_1304-4048.jpg?_wi=1", imageAlt: "Elegant plated fine dining dish"
|
||||
},
|
||||
{
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/bridal-bouquet-lies-wooden-surface_8353-9652.jpg", imageAlt: "Wedding floral arrangement"
|
||||
},
|
||||
{
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bunch-flowers-wooden-background-horizontal-view-from_1220-1133.jpg", imageAlt: "Colorful spring flower bouquet"
|
||||
},
|
||||
{
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-flowers_23-2149247537.jpg?_wi=1", imageAlt: "Artistic floral studio design"
|
||||
},
|
||||
{
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-tiny-spring-flower-bouquet_23-2148075324.jpg", imageAlt: "Natural wildflower arrangement"
|
||||
},
|
||||
{
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/luxury-wedding-catering-banquet-outdoor_624325-1790.jpg", imageAlt: "Event decoration flower arrangement"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-tiny-roses-close-up_1304-4048.jpg?_wi=2", imageAlt: "Elegant restaurant dining space"
|
||||
}
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
rating={5}
|
||||
ratingText="Exceptional dining experience"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="Our Story & Passion for Flowers"
|
||||
description="At Bee to Me, we believe flowers are more than beautiful arrangements—they're living art that celebrates nature's pollinators. Every bouquet is crafted with intention, sustainability, and love."
|
||||
tag="About Us"
|
||||
title="Our Story & Culinary Philosophy"
|
||||
description="Since our founding, we have been dedicated to elevating fine dining through innovative cuisine and impeccable service. Our commitment to quality ingredients, artistic presentation, and unforgettable experiences defines our identity."
|
||||
tag="About Our Restaurant"
|
||||
tagIcon={Leaf}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
imagePosition="right"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-flowers_23-2149247537.jpg?_wi=2"
|
||||
imageAlt="Bee to Me floral studio workspace"
|
||||
imageAlt="Our elegant restaurant dining space"
|
||||
mediaAnimation="slide-up"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Eco-Friendly Designs", description: "We source locally-grown, sustainable flowers that support local pollinators and reduce our carbon footprint.", icon: Sprout
|
||||
title: "Award-Winning Chefs", description: "Our culinary team brings decades of combined experience and international expertise to every dish.", icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Expert Craftsmanship", description: "Our certified florists bring years of experience and artistic vision to every single arrangement.", icon: Palette
|
||||
title: "Premium Ingredients", description: "We source the finest, freshest ingredients locally and internationally to ensure exceptional quality.", icon: Package
|
||||
},
|
||||
{
|
||||
title: "Custom Creations", description: "From intimate moments to grand celebrations, we design bespoke arrangements tailored to your vision.", icon: Sparkles
|
||||
title: "Refined Ambiance", description: "Our restaurant features sophisticated design with lavender-blue accents, creating an elegant dining atmosphere.", icon: Palette
|
||||
},
|
||||
{
|
||||
title: "Pollinator Support", description: "A portion of every purchase supports local bee conservation and habitat restoration projects."
|
||||
title: "Exceptional Service", description: "Our dedicated staff ensures every guest receives attentive, personalized service throughout their dining experience.", icon: Heart
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Our Mission", href: "about" }
|
||||
{ text: "Learn Our Story", href: "about" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
title="Featured Floral Collections"
|
||||
description="Explore our signature arrangements, each designed to bring joy, elegance, and natural beauty to your space."
|
||||
tag="Collections"
|
||||
title="Featured Dishes"
|
||||
description="Explore our signature creations, each carefully crafted to showcase culinary artistry and exceptional flavors."
|
||||
tag="Specialties"
|
||||
tagIcon={Package}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -120,13 +109,13 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Sunset Garden Bouquet", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/mixed-flower-composition-side-view_140725-9143.jpg", imageAlt: "Sunset garden bouquet with warm tones"
|
||||
id: "1", name: "Pan-Seared Diver Scallops", price: "$42", imageSrc: "http://img.b2bpic.net/free-photo/mixed-flower-composition-side-view_140725-9143.jpg", imageAlt: "Pan-seared diver scallops with seasonal vegetables"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Eternal Elegance Vase", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17398.jpg", imageAlt: "Elegant floral arrangement in vase"
|
||||
id: "2", name: "Prime Aged Ribeye", price: "$68", imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17398.jpg", imageAlt: "Prime aged ribeye with lavender-infused reduction"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Bride's Dream Collection", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/blossom-engagement-romantic-decoration-party_1304-1072.jpg", imageAlt: "Premium wedding bouquet arrangement"
|
||||
id: "3", name: "Chef's Tasting Menu", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/blossom-engagement-romantic-decoration-party_1304-1072.jpg", imageAlt: "Seven-course chef's tasting menu experience"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -134,35 +123,59 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
title="Why Choose Bee to Me"
|
||||
description="Discover what makes our floral studio the preferred choice for those who value sustainability, artistry, and nature."
|
||||
title="Menu Highlights"
|
||||
description="Discover what makes our cuisine distinctive and why guests return time and again."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Made with Love", description: "Every arrangement is a labor of love, crafted with attention to detail and genuine care for beauty."
|
||||
icon: Sparkles,
|
||||
title: "Seasonal Innovation", description: "Our menu evolves with the seasons, featuring fresh ingredients at peak flavor."
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "100% Sustainable", description: "We use eco-friendly practices, compostable packaging, and locally-sourced, pesticide-free flowers."
|
||||
icon: Palette,
|
||||
title: "Artistic Presentation", description: "Every plate is a masterpiece, combining visual elegance with exceptional taste."
|
||||
},
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Locally Sourced", description: "We partner with local farmers and producers for the finest ingredients."
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Fast Delivery", description: "Same-day delivery available for orders placed before noon in your area."
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Custom Designs", description: "Work with our florists to create arrangements that perfectly match your vision and budget."
|
||||
title: "Expert Techniques", description: "Modern and classical methods blend seamlessly in our culinary creations."
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Guaranteed Freshness", description: "We guarantee our flowers stay fresh and vibrant for up to two weeks with proper care."
|
||||
title: "Dietary Accommodations", description: "We customize dishes for vegetarian, vegan, gluten-free, and allergy-conscious guests."
|
||||
},
|
||||
{
|
||||
icon: Gift,
|
||||
title: "Perfect Gifts", description: "Add personal touches, cards, or gifts to your arrangement for a truly memorable present."
|
||||
title: "Wine Pairings", description: "Our sommelier curates perfect wine selections to complement each course."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
title="Our Restaurant by Numbers"
|
||||
description="Celebrating our commitment to excellence through measurable achievements and guest satisfaction."
|
||||
tag="Key Metrics"
|
||||
tagIcon={Award}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "15+", description: "Years of Culinary Excellence"
|
||||
},
|
||||
{
|
||||
id: "2", value: "10K+", description: "Satisfied Guests Annually"
|
||||
},
|
||||
{
|
||||
id: "3", value: "98%", description: "Guest Satisfaction Rating"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -170,92 +183,76 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
title="Loved by Our Community"
|
||||
description="See what customers are saying about their experiences with Bee to Me's beautiful floral creations."
|
||||
tag="Testimonials"
|
||||
title="Guest Testimonials"
|
||||
description="Hear from our guests about their memorable dining experiences at our restaurant."
|
||||
tag="Reviews"
|
||||
tagIcon={Star}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Mitchell", role: "Wedding Planner", testimonial: "The bridal bouquet was absolutely stunning. Every petal was perfect, and the sustainable approach aligned perfectly with our clients' values.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1", imageAlt: "Sarah Mitchell, Wedding Planner"
|
||||
id: "1", name: "Victoria Sterling", role: "Food Critic", testimonial: "An exceptional culinary experience. The plating is artistic, the flavors are innovative, and the service is impeccable. A true gem in fine dining.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1", imageAlt: "Victoria Sterling, Food Critic"
|
||||
},
|
||||
{
|
||||
id: "2", name: "James Rodriguez", role: "Corporate Events Manager", testimonial: "We've ordered from Bee to Me for three corporate events now. Their arrangements always make a statement and support our sustainability initiatives.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=1", imageAlt: "James Rodriguez, Corporate Events Manager"
|
||||
id: "2", name: "James Patterson", role: "Restaurant Enthusiast", testimonial: "We celebrated our anniversary here and it was unforgettable. The ambiance is elegant, the food is divine, and the staff treated us like royalty.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=1", imageAlt: "James Patterson, Restaurant Enthusiast"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emma Chen", role: "Interior Designer", testimonial: "As a designer, I appreciate attention to detail. Bee to Me's arrangements elevate any space with artistry and elegance.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=2", imageAlt: "Emma Chen, Interior Designer"
|
||||
id: "3", name: "Margaret Chen", role: "Hospitality Professional", testimonial: "As someone in the industry, I deeply appreciate the attention to detail here. From plating to service, everything reflects genuine excellence.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=2", imageAlt: "Margaret Chen, Hospitality Professional"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Michael Torres", role: "Customer", testimonial: "I sent these flowers to my mom for her birthday, and she couldn't stop raving about them. Beautiful and meaningful!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Michael Torres, Customer"
|
||||
id: "4", name: "Robert Thompson", role: "Wine Collector", testimonial: "The sommelier's wine pairings were perfectly selected. Each course elevated the dining experience to another level entirely.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Robert Thompson, Wine Collector"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Lisa Anderson", role: "Event Coordinator", testimonial: "The team at Bee to Me goes above and beyond. They listened to our vision and created something truly magical.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=2", imageAlt: "Lisa Anderson, Event Coordinator"
|
||||
id: "5", name: "Sophie Laurent", role: "Event Planner", testimonial: "I hosted a corporate event here and the team made it spectacular. The chef accommodated all dietary needs beautifully.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=2", imageAlt: "Sophie Laurent, Event Planner"
|
||||
},
|
||||
{
|
||||
id: "6", name: "David Kim", role: "Customer", testimonial: "Not only are the flowers gorgeous, but knowing I'm supporting bee conservation makes me feel great about my purchase.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageAlt: "David Kim, Customer"
|
||||
id: "6", name: "Michael Rodriguez", role: "Guest", testimonial: "Simply outstanding. Every aspect of the evening was thoughtfully executed. I'm already planning my next reservation.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageAlt: "Michael Rodriguez, Guest"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SocialProofOne
|
||||
title="Featured In"
|
||||
description="Bee to Me has been recognized and celebrated by leading publications and platforms in lifestyle and sustainability."
|
||||
tag="Media"
|
||||
tagIcon={Award}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"The Floral Times", "Sustainable Living Magazine", "Wedding & Events Weekly", "Green Design Collective", "Local Artisan Hub", "Eco-Conscious Living", "Botanical Arts Quarterly"
|
||||
]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Get In Touch"
|
||||
title="Ready to Brighten Your Moment?"
|
||||
description="Subscribe to our newsletter for exclusive arrangements, seasonal collections, and bee conservation updates. Join our community of flower lovers today."
|
||||
tag="Make a Reservation"
|
||||
title="Reserve Your Culinary Experience"
|
||||
description="Join us for an unforgettable evening of fine dining. Subscribe to our newsletter for exclusive menu previews, special events, and culinary innovations."
|
||||
tagIcon={Mail}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Subscribe"
|
||||
termsText="By subscribing, you agree to receive emails about our arrangements and bee conservation efforts. We respect your privacy."
|
||||
termsText="By subscribing, you agree to receive emails about our restaurant, special menus, and dining events. We respect your privacy."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Bee to Me"
|
||||
logoText="Elegant Restaurant"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Shop", href: "#products" },
|
||||
{ label: "Collections", href: "#products" },
|
||||
{ label: "Custom Orders", href: "#contact" },
|
||||
{ label: "Gift Cards", href: "#" }
|
||||
{ label: "Menu", href: "products" },
|
||||
{ label: "Featured Dishes", href: "products" },
|
||||
{ label: "Wine Selection", href: "#" },
|
||||
{ label: "Catering", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Mission", href: "#about" },
|
||||
{ label: "Sustainability", href: "#" },
|
||||
{ label: "Bee Conservation", href: "#" }
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Our Story", href: "about" },
|
||||
{ label: "Our Chef", href: "#" },
|
||||
{ label: "Culinary Philosophy", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Delivery Info", href: "#" },
|
||||
{ label: "Care Guide", href: "#" },
|
||||
{ label: "FAQs", href: "#" }
|
||||
{ label: "Reservations", href: "contact" },
|
||||
{ label: "Hours & Location", href: "#" },
|
||||
{ label: "Private Events", href: "#" },
|
||||
{ label: "Contact Us", href: "contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
@@ -263,15 +260,15 @@ export default function LandingPage() {
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "TikTok", href: "https://tiktok.com" },
|
||||
{ label: "Pinterest", href: "https://pinterest.com" }
|
||||
{ label: "YouTube", href: "https://youtube.com" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms & Conditions", href: "#" },
|
||||
{ label: "Shipping Policy", href: "#" },
|
||||
{ label: "Returns", href: "#" }
|
||||
{ label: "Reservation Policy", href: "#" },
|
||||
{ label: "Accessibility", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
@@ -279,4 +276,4 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-roboto), sans-serif;
|
||||
font-family: var(--font-inter-tight), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-roboto), sans-serif;
|
||||
font-family: var(--font-inter-tight), sans-serif;
|
||||
}
|
||||
|
||||
@@ -2,23 +2,23 @@
|
||||
/* Base units */
|
||||
/* --vw is set by ThemeProvider */
|
||||
|
||||
/* --background: #ffffff;;
|
||||
--card: #f9f9f9;;
|
||||
--foreground: #120a00e6;;
|
||||
--primary-cta: #E34400;;
|
||||
--secondary-cta: #f9f9f9;;
|
||||
--accent: #e2e2e2;;
|
||||
--background-accent: #E34400;; */
|
||||
/* --background: #d9517a;;;
|
||||
--card: #ffffff;;;
|
||||
--foreground: #1f2027;;;
|
||||
--primary-cta: #627dc6;;;
|
||||
--secondary-cta: #ffffff;;;
|
||||
--accent: #627dc6;;;
|
||||
--background-accent: #627dc6;;; */
|
||||
|
||||
--background: #ffffff;;
|
||||
--card: #f9f9f9;;
|
||||
--foreground: #120a00e6;;
|
||||
--primary-cta: #E34400;;
|
||||
--primary-cta-text: #ffffff;;
|
||||
--secondary-cta: #f9f9f9;;
|
||||
--secondary-cta-text: #120a00e6;;
|
||||
--accent: #e2e2e2;;
|
||||
--background-accent: #E34400;;
|
||||
--background: #d9517a;;;
|
||||
--card: #ffffff;;;
|
||||
--foreground: #1f2027;;;
|
||||
--primary-cta: #627dc6;;;
|
||||
--primary-cta-text: #ffffff;;;
|
||||
--secondary-cta: #ffffff;;;
|
||||
--secondary-cta-text: #120a00e6;;;
|
||||
--accent: #627dc6;;;
|
||||
--background-accent: #627dc6;;;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user