bender/7fcd0e40-327a-4f6a-9601-836c64ef3ea8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bob AI: Update theme colors to a gold palette

Browse Source
This commit is contained in:
kudinDmitriyUp
2026-06-30 16:53:20 +00:00
parent b91f9fb00d
commit 8bee4e0e4e
9 changed files with 320 additions and 230 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/index.css
View File

@@ -6,14 +6,14 @@
:root {
/* @colorThemes/lightTheme/grayNavyBlue */
--background: #000000;
--card: #481f1f;
--card: #2a2415;
--foreground: #ffffff;
--primary-cta: #ffffff;
--primary-cta-text: #280101;
--secondary-cta: #361311;
--secondary-cta-text: #f6d4d4;
--accent: #51000b;
--background-accent: #ff2231;
--primary-cta: #d4af37;
--primary-cta-text: #1a160d;
--secondary-cta: #3a321d;
--secondary-cta-text: #f3e5ab;
--accent: #b8860b;
--background-accent: #ffdf00;
/* @layout/border-radius/rounded */
--radius: 1.5rem;

246
src/pages/HomePage.tsx
View File

@@ -1,234 +1,34 @@
import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
import ContactCta from '@/components/sections/contact/ContactCta';
import FeaturesComparison from '@/components/sections/features/FeaturesComparison';
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
import HeroSplitMediaGrid from '@/components/sections/hero/HeroSplitMediaGrid';
import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
// AUTO-GENERATED shell by per-section-migrate.
// Section bodies live in the sibling sections/ folder (one file per section).
// Edit those section files directly. Non-block content (wrappers,
// non-inlinable sections) is preserved inline; extracted section blocks
// become component refs.
export default function HomePage() {
import React from 'react';
import HeroSection from './HomePage/sections/Hero';
import AboutSection from './HomePage/sections/About';
import ExperienceSection from './HomePage/sections/Experience';
import MenuSection from './HomePage/sections/Menu';
import PricingSection from './HomePage/sections/Pricing';
import TestimonialsSection from './HomePage/sections/Testimonials';
import ContactSection from './HomePage/sections/Contact';
export default function HomePage(): React.JSX.Element {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroSplitMediaGrid
tag="Since 2015"
title="Experience Diagonal Tangier"
description="An exquisite blend of fine dining, signature cocktails, and live music in the heart of Tangier."
primaryButton={{
text: "Reserve a Table",
href: "tel:0670062229",
}}
secondaryButton={{
text: "View Menu",
href: "https://ipos247.com",
}}
items={[
{
imageSrc: "http://img.b2bpic.net/free-photo/full-length-stock-photo-extremely-trendy-luxurious-brunette-model-crop-top-silver-sparkling-jacket-black-trousers-high-heels-model-trendy-outfit-sitting-bar-stool-club-bar_132075-8992.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/lamps-coffee-shop_116348-51.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<>
<HeroSection />
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutTestimonial
tag="Our Story"
quote="Diagonal represents the intersection of taste and culture. We provide an unparalleled ambiance for sophisticated palates."
author="The Diagonal Team"
role="Gastronomy Excellence"
imageSrc="http://img.b2bpic.net/free-photo/dining-terrace-open-restaurant-with-sofas-chairs-tables_114579-2728.jpg"
/>
</SectionErrorBoundary>
</div>
<AboutSection />
<div id="experience" data-section="experience">
<SectionErrorBoundary name="experience">
<FeaturesComparison
tag="Highlights"
title="Why Choose Us"
description="We offer more than just dinner; we provide a complete evening of refined entertainment."
primaryButton={{
text: "Contact Us",
href: "tel:0670062229",
}}
secondaryButton={{
text: "View Menu",
href: "https://ipos247.com",
}}
negativeItems={[
"Crowded tourist traps",
"Mediocre cocktails",
"Standard service",
]}
positiveItems={[
"Exclusive terrace view",
"World-class mixology",
"Live concerts",
]}
/>
</SectionErrorBoundary>
</div>
<ExperienceSection />
<div id="menu" data-section="menu">
<SectionErrorBoundary name="menu">
<FeaturesRevealCardsBento
tag="Our Flavors"
title="Gastronomic Selection"
description="A refined menu crafted with local ingredients and international inspiration."
items={[
{
title: "Appetizers",
description: "Handcrafted seasonal bites.",
href: "#menu",
imageSrc: "http://img.b2bpic.net/free-photo/culinary-expert-commercial-kitchen-prepares-dish-with-fresh-basil-parsley_482257-124314.jpg",
},
{
title: "Steak Selection",
description: "Premium aged cuts perfectly seared.",
href: "#menu",
imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-ribs-barbecue-salad_140725-2135.jpg",
},
{
title: "Chef Pasta",
description: "Fresh pasta, house-made sauces.",
href: "#menu",
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-black-plate_140725-391.jpg",
},
{
title: "Desserts",
description: "Sweet culinary masterpieces.",
href: "#menu",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-sweet-biscuits-inside-designed-plate-dark-space_140725-95309.jpg",
},
{
title: "Fresh Seafood",
description: "Local catch of the day.",
href: "#menu",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-with-floral-garnish-golden-rim-bowl_23-2151973714.jpg",
},
{
title: "Organic Veggies",
description: "Sourced from local farms.",
href: "#menu",
imageSrc: "http://img.b2bpic.net/free-photo/mixed-ingredient-light-sala-with-herbs-cheese_114579-3071.jpg",
},
{
title: "Tapas Board",
description: "Assorted gourmet small plates.",
href: "#menu",
imageSrc: "http://img.b2bpic.net/free-photo/close-view-appetizers-circle-wooden-plates-full-sliced-different-types-dried-meat-decorated-by-fresh-tomato-greens-served-table-dinner-party_8353-12387.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<MenuSection />
<div id="pricing" data-section="pricing">
<SectionErrorBoundary name="pricing">
<PricingMediaCards
tag="Value"
title="Dining Options"
description="Enjoy world-class dining at competitive prices."
plans={[
{
tag: "Lunch",
price: "50 MAD",
period: "Start",
features: [
"Light seasonal plates",
"Fresh beverages",
],
primaryButton: {
text: "Order Now",
href: "https://ipos247.com",
},
imageSrc: "http://img.b2bpic.net/free-photo/rolls-topped-with-melted-cheese_140725-3680.jpg",
},
{
tag: "Full Dinner",
price: "300 MAD",
period: "Max",
features: [
"Full degustation menu",
"Cocktail pairing",
"Live music seat",
],
primaryButton: {
text: "Reserve",
href: "tel:0670062229",
},
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598332.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<PricingSection />
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialMarqueeCards
tag="Guest Feedback"
title="What People Say"
description="Join the many satisfied guests who enjoy the Diagonal experience."
testimonials={[
{
name: "Sarah",
role: "Foodie",
quote: "Excellent cocktails and service!",
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wear-elegant-black-saree-sitting-restaurant-with-glass-juice-hand-she-smiles-show-ok-sign_627829-831.jpg",
},
{
name: "Mark",
role: "Regular",
quote: "The terrace view is unmatched.",
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-46898.jpg",
},
{
name: "Elena",
role: "Visitor",
quote: "Best vibe in all of Tangier.",
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2148006620.jpg",
},
{
name: "Julian",
role: "Critic",
quote: "Culinary excellence is the standard.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-her-boyfriend-holding-hands-while-toasting-with-champagne-while-having-dinner-dining-table_637285-3596.jpg",
},
{
name: "Sofia",
role: "Local",
quote: "Always a pleasure to visit.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing-indoors_23-2149745617.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<TestimonialsSection />
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Visit Us"
text="Join us today for an unforgettable dining experience in Tangier."
primaryButton={{
text: "Call to Reserve",
href: "tel:0670062229",
}}
secondaryButton={{
text: "Get Directions",
href: "https://maps.google.com",
}}
/>
</SectionErrorBoundary>
</div>
<ContactSection />
</>
);
}

22
src/pages/HomePage/sections/About.tsx Normal file
View File

@@ -0,0 +1,22 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "about" section.
import React from 'react';
import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function AboutSection(): React.JSX.Element {
return (
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutTestimonial
tag="Our Story"
quote="Diagonal represents the intersection of taste and culture. We provide an unparalleled ambiance for sophisticated palates."
author="The Diagonal Team"
role="Gastronomy Excellence"
imageSrc="http://img.b2bpic.net/free-photo/dining-terrace-open-restaurant-with-sofas-chairs-tables_114579-2728.jpg"
/>
</SectionErrorBoundary>
</div>
);
}

27
src/pages/HomePage/sections/Contact.tsx Normal file
View File

@@ -0,0 +1,27 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "contact" section.
import React from 'react';
import ContactCta from '@/components/sections/contact/ContactCta';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ContactSection(): React.JSX.Element {
return (
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Visit Us"
text="Join us today for an unforgettable dining experience in Tangier."
primaryButton={{
text: "Call to Reserve",
href: "tel:0670062229",
}}
secondaryButton={{
text: "Get Directions",
href: "https://maps.google.com",
}}
/>
</SectionErrorBoundary>
</div>
);
}

38
src/pages/HomePage/sections/Experience.tsx Normal file
View File

@@ -0,0 +1,38 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "experience" section.
import React from 'react';
import FeaturesComparison from '@/components/sections/features/FeaturesComparison';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ExperienceSection(): React.JSX.Element {
return (
<div id="experience" data-section="experience">
<SectionErrorBoundary name="experience">
<FeaturesComparison
tag="Highlights"
title="Why Choose Us"
description="We offer more than just dinner; we provide a complete evening of refined entertainment."
primaryButton={{
text: "Contact Us",
href: "tel:0670062229",
}}
secondaryButton={{
text: "View Menu",
href: "https://ipos247.com",
}}
negativeItems={[
"Crowded tourist traps",
"Mediocre cocktails",
"Standard service",
]}
positiveItems={[
"Exclusive terrace view",
"World-class mixology",
"Live concerts",
]}
/>
</SectionErrorBoundary>
</div>
);
}

36
src/pages/HomePage/sections/Hero.tsx Normal file
View File

@@ -0,0 +1,36 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "hero" section.
import React from 'react';
import HeroSplitMediaGrid from '@/components/sections/hero/HeroSplitMediaGrid';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HeroSection(): React.JSX.Element {
return (
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroSplitMediaGrid
tag="Since 2015"
title="Experience Diagonal Tangier"
description="An exquisite blend of fine dining, signature cocktails, and live music in the heart of Tangier."
primaryButton={{
text: "Reserve a Table",
href: "tel:0670062229",
}}
secondaryButton={{
text: "View Menu",
href: "https://ipos247.com",
}}
items={[
{
imageSrc: "http://img.b2bpic.net/free-photo/full-length-stock-photo-extremely-trendy-luxurious-brunette-model-crop-top-silver-sparkling-jacket-black-trousers-high-heels-model-trendy-outfit-sitting-bar-stool-club-bar_132075-8992.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/lamps-coffee-shop_116348-51.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

64
src/pages/HomePage/sections/Menu.tsx Normal file
View File

@@ -0,0 +1,64 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "menu" section.
import React from 'react';
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function MenuSection(): React.JSX.Element {
return (
<div id="menu" data-section="menu">
<SectionErrorBoundary name="menu">
<FeaturesRevealCardsBento
tag="Our Flavors"
title="Gastronomic Selection"
description="A refined menu crafted with local ingredients and international inspiration."
items={[
{
title: "Appetizers",
description: "Handcrafted seasonal bites.",
href: "#menu",
imageSrc: "http://img.b2bpic.net/free-photo/culinary-expert-commercial-kitchen-prepares-dish-with-fresh-basil-parsley_482257-124314.jpg",
},
{
title: "Steak Selection",
description: "Premium aged cuts perfectly seared.",
href: "#menu",
imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-ribs-barbecue-salad_140725-2135.jpg",
},
{
title: "Chef Pasta",
description: "Fresh pasta, house-made sauces.",
href: "#menu",
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-black-plate_140725-391.jpg",
},
{
title: "Desserts",
description: "Sweet culinary masterpieces.",
href: "#menu",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-sweet-biscuits-inside-designed-plate-dark-space_140725-95309.jpg",
},
{
title: "Fresh Seafood",
description: "Local catch of the day.",
href: "#menu",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-with-floral-garnish-golden-rim-bowl_23-2151973714.jpg",
},
{
title: "Organic Veggies",
description: "Sourced from local farms.",
href: "#menu",
imageSrc: "http://img.b2bpic.net/free-photo/mixed-ingredient-light-sala-with-herbs-cheese_114579-3071.jpg",
},
{
title: "Tapas Board",
description: "Assorted gourmet small plates.",
href: "#menu",
imageSrc: "http://img.b2bpic.net/free-photo/close-view-appetizers-circle-wooden-plates-full-sliced-different-types-dried-meat-decorated-by-fresh-tomato-greens-served-table-dinner-party_8353-12387.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

51
src/pages/HomePage/sections/Pricing.tsx Normal file
View File

@@ -0,0 +1,51 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "pricing" section.
import React from 'react';
import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function PricingSection(): React.JSX.Element {
return (
<div id="pricing" data-section="pricing">
<SectionErrorBoundary name="pricing">
<PricingMediaCards
tag="Value"
title="Dining Options"
description="Enjoy world-class dining at competitive prices."
plans={[
{
tag: "Lunch",
price: "50 MAD",
period: "Start",
features: [
"Light seasonal plates",
"Fresh beverages",
],
primaryButton: {
text: "Order Now",
href: "https://ipos247.com",
},
imageSrc: "http://img.b2bpic.net/free-photo/rolls-topped-with-melted-cheese_140725-3680.jpg",
},
{
tag: "Full Dinner",
price: "300 MAD",
period: "Max",
features: [
"Full degustation menu",
"Cocktail pairing",
"Live music seat",
],
primaryButton: {
text: "Reserve",
href: "tel:0670062229",
},
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598332.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

52
src/pages/HomePage/sections/Testimonials.tsx Normal file
View File

@@ -0,0 +1,52 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "testimonials" section.
import React from 'react';
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function TestimonialsSection(): React.JSX.Element {
return (
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialMarqueeCards
tag="Guest Feedback"
title="What People Say"
description="Join the many satisfied guests who enjoy the Diagonal experience."
testimonials={[
{
name: "Sarah",
role: "Foodie",
quote: "Excellent cocktails and service!",
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wear-elegant-black-saree-sitting-restaurant-with-glass-juice-hand-she-smiles-show-ok-sign_627829-831.jpg",
},
{
name: "Mark",
role: "Regular",
quote: "The terrace view is unmatched.",
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-46898.jpg",
},
{
name: "Elena",
role: "Visitor",
quote: "Best vibe in all of Tangier.",
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2148006620.jpg",
},
{
name: "Julian",
role: "Critic",
quote: "Culinary excellence is the standard.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-her-boyfriend-holding-hands-while-toasting-with-champagne-while-having-dinner-dining-table_637285-3596.jpg",
},
{
name: "Sofia",
role: "Local",
quote: "Always a pleasure to visit.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing-indoors_23-2149745617.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}