Merge version_3 into main #4
139
src/app/page.tsx
139
src/app/page.tsx
@@ -10,94 +10,80 @@ import TestimonialCardFifteen from "@/components/sections/testimonial/Testimonia
|
||||
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import { Mail, Leaf, Droplet, Sprout, Wind, Camera, Calendar } from "lucide-react";
|
||||
import { Calendar, Utensils } from "lucide-react";
|
||||
|
||||
export default function SkincareTemplatePage() {
|
||||
export default function FelizRestaurantPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="aurora"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="Luminé Skincare"
|
||||
brandName="Feliz"
|
||||
navItems={[
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Benefits", id: "benefits" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Povestea", id: "about" },
|
||||
{ name: "Meniu", id: "products" },
|
||||
{ name: "Galerie", id: "gallery" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Shop Now", href: "products" }}
|
||||
button={{ text: "Rezervă", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
logoText="Luminé"
|
||||
description="Pure, natural skincare formulated for radiant, healthy skin. Discover the power of botanical ingredients and scientific innovation."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/hero.webp?_wi=1"
|
||||
imageAlt="Luxury skincare products with natural ingredients"
|
||||
frameStyle="card"
|
||||
logoText="FELIZ"
|
||||
description="Experiență culinară de lux în inima orașului Ungheni. Savurați eleganța în fiecare detaliu."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
{ text: "Learn More", href: "#about" }
|
||||
{ text: "Rezervă Masă", href: "#contact" },
|
||||
{ text: "Vezi Meniul", href: "#products" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{ type: "text", content: "Crafted with care and precision using nature's finest elements and cutting-edge skincare science to deliver exceptional results for your skin" },
|
||||
{ type: "image", src: "https://img.b2bpic.net/free-photo/make-up-brushes-pile-wild-flowers-wooden-background_482257-9797.jpg", alt: "Natural ingredients" },
|
||||
{ type: "text", content: "" }
|
||||
{ type: "text", content: "O fuziune între tradiție și rafinament contemporan, creată pentru a satisface cele mai exigente gusturi." }
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{ text: "Learn More", href: "#benefits" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
title="Our Signature Collection"
|
||||
description="Discover our carefully curated skincare essentials designed to nourish and revitalize your skin. Worldwide shipping available."
|
||||
title="Meniu Degustare"
|
||||
description="Preparate semnătură create de maeștrii noștri bucătari din ingrediente premium."
|
||||
products={[
|
||||
{ id: "1", name: "Hydrating Moisturizer", price: "$68", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image2.webp?_wi=1", imageAlt: "Hydrating Moisturizer bottle" },
|
||||
{ id: "2", name: "Radiance Serum", price: "$85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image3.webp", imageAlt: "Radiance Serum bottle" },
|
||||
{ id: "3", name: "Purifying Face Mask", price: "$52", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image1.webp?_wi=1", imageAlt: "Purifying Face Mask jar" }
|
||||
{ id: "1", name: "Antreu Delicat", price: "--", imageSrc: "https://img.b2bpic.net/free-photo/gourmet-meal-plate-high-angle-view_23-2148443907.jpg", imageAlt: "Antreu" },
|
||||
{ id: "2", name: "Filet Mignon", price: "--", imageSrc: "https://img.b2bpic.net/free-photo/medium-rare-steak-with-herbs-herbs_23-2148281134.jpg", imageAlt: "Filet" },
|
||||
{ id: "3", name: "Desert Felice", price: "--", imageSrc: "https://img.b2bpic.net/free-photo/chocolate-dessert-with-berries_23-2148443936.jpg", imageAlt: "Desert" }
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardOne
|
||||
title="Galerie Foto"
|
||||
description="O privire asupra procesului nostru și a ingredientelor naturale utilizate."
|
||||
tag="Vizual"
|
||||
tagIcon={Camera}
|
||||
title="Salon Privat"
|
||||
description="Cadrul perfect pentru evenimente memorabile."
|
||||
products={[
|
||||
{ id: "g1", name: "Botanical Garden", price: "", imageSrc: "https://img.b2bpic.net/free-photo/make-up-brushes-pile-wild-flowers-wooden-background_482257-9797.jpg", imageAlt: "Botanicals" },
|
||||
{ id: "g2", name: "Skincare Lab", price: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image4.webp", imageAlt: "Lab" },
|
||||
{ id: "g3", name: "Product Texture", price: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image2.webp?_wi=2", imageAlt: "Texture" }
|
||||
{ id: "p1", name: "Ambient Intim", price: "", imageSrc: "https://img.b2bpic.net/free-photo/interior-luxurious-restaurant_23-2148443949.jpg", imageAlt: "Salon" },
|
||||
{ id: "p2", name: "Design Elegant", price: "", imageSrc: "https://img.b2bpic.net/free-photo/cozy-interior-restaurant_23-2148443912.jpg", imageAlt: "Design" },
|
||||
{ id: "p3", name: "Atmosferă", price: "", imageSrc: "https://img.b2bpic.net/free-photo/table-setting-restaurant_23-2148443922.jpg", imageAlt: "Setting" }
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="scale-rotate"
|
||||
@@ -106,69 +92,24 @@ export default function SkincareTemplatePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="benefits" data-section="benefits">
|
||||
<FeatureBento
|
||||
title="Why Choose Luminé"
|
||||
description="Scientifically-formulated skincare products that deliver visible results with natural, sustainable ingredients. Available for worldwide shipping."
|
||||
features={[
|
||||
{ title: "Worldwide Shipping", description: "Fast and reliable delivery to over 150 countries worldwide", bentoComponent: "globe" },
|
||||
{ title: "Clinically Proven", description: "Dermatologist-tested and proven effective in clinical trials", bentoComponent: "line-chart" },
|
||||
{ title: "Sustainable", description: "Eco-conscious packaging and ethical sourcing practices", bentoComponent: "orbiting-icons", centerIcon: Leaf, items: [{ icon: Droplet, ring: 1 }, { icon: Sprout, ring: 2 }, { icon: Wind, ring: 3 } ] }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Luminé skincare has completely transformed my routine. My skin feels more radiant and healthy than ever before."
|
||||
rating={5}
|
||||
author="Sarah Mitchell, Beauty Editor"
|
||||
avatars={[{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image5.avif", alt: "Sarah Mitchell" }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our skincare products."
|
||||
faqs={[{ id: "1", title: "Shipping?", content: "Worldwide shipping in 7-14 days." }, { id: "2", title: "Sensitive skin?", content: "Yes, our formulas are gentle." }]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Rezervări & Contact"
|
||||
title="Rezervări"
|
||||
description="Vă așteptăm cu drag să rezervați o experiență culinară de neuitat în Ungheni."
|
||||
tagIcon={Calendar}
|
||||
title="Rezervă o consultație"
|
||||
description="Contactează echipa noastră pentru recomandări personalizate sau rezervă o ședință de testare a produselor noastre premium."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image1.webp?_wi=2"
|
||||
mediaPosition="right"
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
buttonText="Trimite Mesaj"
|
||||
onSubmit={(email) => console.log(email)}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
onSubmit={(email) => console.log("Reservation requested:", email)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
logoText="Luminé"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/hero.webp?_wi=2"
|
||||
logoText="FELIZ"
|
||||
columns={[
|
||||
{ title: "Product", items: [{ label: "Moisturizers", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }] }
|
||||
{ title: "Feliz", items: [{ label: "Despre", href: "#about" }, { label: "Meniu", href: "#products" }] },
|
||||
{ title: "Contact", items: [{ label: "Rezervări", href: "#contact" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Luminé Skincare. All rights reserved."
|
||||
copyrightText="© 2025 Feliz Restaurant Ungheni."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #fdfaf6;
|
||||
--primary-cta: #d4af37;
|
||||
--primary-cta-text: #fcf6ec;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #2e2521;
|
||||
--accent: #94877c;
|
||||
--background-accent: #afa094;
|
||||
--accent: #fdfaf6;
|
||||
--background-accent: #d4af37;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user