Merge version_3 into main

Update theme fonts
2026-03-04 09:55:18 +00:00 · 2026-03-04 09:55:14 +00:00 · 2026-03-04 09:55:13 +00:00 · 2026-03-04 09:49:17 +00:00 · 2026-03-04 09:49:12 +00:00 · 2026-03-04 09:49:12 +00:00
4 changed files with 78 additions and 138 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,52 +1,34 @@
 import type { Metadata } from "next";
-import { Poppins } 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 poppins = Poppins({
-  variable: "--font-poppins",  subsets: ["latin"],
+
+export const metadata: Metadata = {
+  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"],
 });

-const montserrat = Montserrat({
-  variable: "--font-montserrat",  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"]
-  }
-};
-
 export default function RootLayout({
  children,
-}: Readonly<{
+}: {
  children: React.ReactNode;
-}>) {
+}) {
  return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${poppins.variable} ${montserrat.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>
  );
 }
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@

 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';
@@ -41,7 +41,7 @@ export default function LandingPage() {
      </div>

      <div id="hero" data-section="hero">
-        <HeroBillboardRotatedCarousel
+        <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"
@@ -51,28 +51,17 @@ export default function LandingPage() {
            { 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 plated fine dining dish"
+              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: "Restaurant ambiance and elegant settings"
-            },
-            {
-              id: "3",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bunch-flowers-wooden-background-horizontal-view-from_1220-1133.jpg",              imageAlt: "Chef's signature creation"
-            },
-            {
-              id: "4",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-flowers_23-2149247537.jpg?_wi=1",              imageAlt: "Dining experience showcase"
-            },
-            {
-              id: "5",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-tiny-spring-flower-bouquet_23-2148075324.jpg",              imageAlt: "Artistic plating and presentation"
-            },
-            {
-              id: "6",              imageSrc: "http://img.b2bpic.net/free-photo/luxury-wedding-catering-banquet-outdoor_624325-1790.jpg",              imageAlt: "Special event dining experience"
+              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>

@@ -244,26 +233,26 @@ export default function LandingPage() {
          columns={[
            {
              items: [
-                { label: "Menu", href: "#products" },
-                { label: "Featured Dishes", href: "#products" },
+                { label: "Menu", href: "products" },
+                { label: "Featured Dishes", href: "products" },
                { label: "Wine Selection", href: "#" },
                { label: "Catering", href: "#" }
              ]
            },
            {
              items: [
-                { label: "About Us", href: "#about" },
-                { label: "Our Story", href: "#about" },
+                { label: "About Us", href: "about" },
+                { label: "Our Story", href: "about" },
                { label: "Our Chef", href: "#" },
                { label: "Culinary Philosophy", href: "#" }
              ]
            },
            {
              items: [
-                { label: "Reservations", href: "#contact" },
+                { label: "Reservations", href: "contact" },
                { label: "Hours & Location", href: "#" },
                { label: "Private Events", href: "#" },
-                { label: "Contact Us", href: "#contact" }
+                { label: "Contact Us", href: "contact" }
              ]
            },
            {
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-poppins), 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-poppins), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -2,23 +2,23 @@
  /* Base units */
  /* --vw is set by ThemeProvider */

-  /* --background: #e3deea;;
-  --card: #ffffff;;
-  --foreground: #1f2027;;
-  --primary-cta: #627dc6;;
-  --secondary-cta: #ffffff;;
-  --accent: #627dc6;;
-  --background-accent: #627dc6;; */
+  /* --background: #d9517a;;;
+  --card: #ffffff;;;
+  --foreground: #1f2027;;;
+  --primary-cta: #627dc6;;;
+  --secondary-cta: #ffffff;;;
+  --accent: #627dc6;;;
+  --background-accent: #627dc6;;; */

-  --background: #e3deea;;
-  --card: #ffffff;;
-  --foreground: #1f2027;;
-  --primary-cta: #627dc6;;
-  --primary-cta-text: #ffffff;;
-  --secondary-cta: #ffffff;;
-  --secondary-cta-text: #120a00e6;;
-  --accent: #627dc6;;
-  --background-accent: #627dc6;;
+  --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);
Author	SHA1	Message	Date
bender	fd87478a29	Merge version_3 into main Merge version_3 into main	2026-03-04 09:55:18 +00:00
bender	10d189bc46	Update theme fonts	2026-03-04 09:55:14 +00:00
bender	3797e736a7	Update theme fonts	2026-03-04 09:55:13 +00:00
bender	22c549d52e	Merge version_3 into main Merge version_3 into main	2026-03-04 09:49:17 +00:00
bender	f73cf5214a	Update theme fonts	2026-03-04 09:49:12 +00:00
bender	dc0ddfb206	Update theme fonts	2026-03-04 09:49:12 +00:00
bender	cc4e2f6c56	Merge version_3 into main Merge version_3 into main	2026-03-04 09:46:21 +00:00
bender	f95cd0226a	Update theme fonts	2026-03-04 09:46:17 +00:00
bender	adab2a47f2	Update theme fonts	2026-03-04 09:46:16 +00:00
bender	66b4820200	Merge version_3 into main Merge version_3 into main	2026-03-04 09:44:36 +00:00
bender	ff44110b2c	Update theme fonts	2026-03-04 09:44:31 +00:00
bender	8b7eb3206d	Update theme fonts	2026-03-04 09:44:30 +00:00
bender	a6666ca685	Merge version_3 into main Merge version_3 into main	2026-03-04 09:41:29 +00:00
bender	259741486b	Update theme colors	2026-03-04 09:41:23 +00:00
bender	d1694aeb84	Merge version_3 into main Merge version_3 into main	2026-03-04 09:39:27 +00:00
bender	ebb9f10e31	Update theme fonts	2026-03-04 09:39:23 +00:00
bender	f4ae6cdf43	Update theme fonts	2026-03-04 09:39:22 +00:00
bender	8b410b5305	Merge version_3 into main Merge version_3 into main	2026-03-04 09:13:24 +00:00
bender	cdf9235c2e	Update src/app/page.tsx	2026-03-04 09:13:19 +00:00
bender	589f83f643	Merge version_3 into main Merge version_3 into main	2026-03-04 09:12:22 +00:00
bender	864568b289	Update src/app/page.tsx	2026-03-04 09:12:18 +00:00
bender	fee0f74014	Merge version_3 into main Merge version_3 into main	2026-03-04 09:09:49 +00:00
bender	ec72fb4b46	Update src/app/page.tsx	2026-03-04 09:09:45 +00:00
bender	5e924c4d1e	Update src/app/layout.tsx	2026-03-04 09:09:44 +00:00
bender	7ff4f2636d	Merge version_2 into main Merge version_2 into main	2026-03-03 16:51:12 +00:00
bender	a42130387c	Merge version_2 into main Merge version_2 into main	2026-03-03 16:42:31 +00:00