17 Commits

Author SHA1 Message Date
c6c8adfc2c Merge version_4 into main
Merge version_4 into main
2026-05-04 20:53:11 +00:00
a04448dc74 Update src/app/page.tsx 2026-05-04 20:53:08 +00:00
70a15247eb Merge version_4 into main
Merge version_4 into main
2026-05-04 20:52:47 +00:00
32dfb27c0c Update src/app/page.tsx 2026-05-04 20:52:41 +00:00
05c112923e Merge version_3 into main
Merge version_3 into main
2026-05-04 20:50:09 +00:00
c82347c6c5 Update src/app/page.tsx 2026-05-04 20:50:02 +00:00
448e633899 Merge version_3 into main
Merge version_3 into main
2026-05-04 20:49:39 +00:00
998e4bf0ee Update src/app/styles/variables.css 2026-05-04 20:49:36 +00:00
562b9437e6 Update src/app/page.tsx 2026-05-04 20:49:35 +00:00
d395f30abb Merge version_2 into main
Merge version_2 into main
2026-05-04 20:48:23 +00:00
b46c966776 Update src/app/page.tsx 2026-05-04 20:48:19 +00:00
0c34d7a1fa Merge version_2 into main
Merge version_2 into main
2026-05-04 20:47:59 +00:00
22e13c6709 Update src/app/page.tsx 2026-05-04 20:47:56 +00:00
1fcadc5e36 Merge version_2 into main
Merge version_2 into main
2026-05-04 20:47:30 +00:00
e112834a49 Update src/app/styles/variables.css 2026-05-04 20:47:27 +00:00
98212908b5 Update src/app/styles/base.css 2026-05-04 20:47:26 +00:00
f480882ed5 Update src/app/page.tsx 2026-05-04 20:47:26 +00:00
3 changed files with 64 additions and 199 deletions

View File

@@ -5,98 +5,69 @@ import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarS
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Mail, Leaf, Droplet, Sprout, Wind } from "lucide-react";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Calendar } 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: "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"
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="O selecție rafinată de preparate, concepută pentru o experiență senzorială completă."
products={[
{
id: "1",
name: "Hydrating Moisturizer",
price: "$68",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image2.webp",
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",
imageAlt: "Purifying Face Mask jar"
}
{ id: "1", name: "Antipasti Nobili", price: "250 MDL", imageSrc: "https://img.b2bpic.net/free-photo/gourmet-meal-plate-high-angle-view_23-2148443907.jpg?_wi=1" },
{ id: "2", name: "Prime", price: "450 MDL", imageSrc: "https://img.b2bpic.net/free-photo/medium-rare-steak-with-herbs-herbs_23-2148281134.jpg" },
{ id: "3", name: "Secondi", price: "380 MDL", imageSrc: "https://img.b2bpic.net/free-photo/gourmet-meal-plate-high-angle-view_23-2148443907.jpg?_wi=2" },
{ id: "4", name: "Dessert", price: "180 MDL", imageSrc: "https://img.b2bpic.net/free-photo/chocolate-dessert-with-berries_23-2148443936.jpg" },
{ id: "5", name: "Cafeteria", price: "60 MDL", imageSrc: "https://img.b2bpic.net/free-photo/coffee-cup-table_23-2148443960.jpg" }
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -105,151 +76,45 @@ 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 }
]
}
<div id="gallery" data-section="gallery">
<ProductCardOne
title="Salon Privat"
description="Cadrul perfect pentru evenimente memorabile."
products={[
{ id: "p1", name: "Ambient Intim", price: "", imageSrc: "https://img.b2bpic.net/free-photo/interior-luxurious-restaurant_23-2148443949.jpg" },
{ id: "p2", name: "Design Elegant", price: "", imageSrc: "https://img.b2bpic.net/free-photo/cozy-interior-restaurant_23-2148443912.jpg" },
{ id: "p3", name: "Atmosferă", price: "", imageSrc: "https://img.b2bpic.net/free-photo/table-setting-restaurant_23-2148443922.jpg" }
]}
animationType="slide-up"
gridVariant="three-columns-all-equal-width"
animationType="scale-rotate"
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. I love that it's made with natural ingredients I can trust. Plus, worldwide shipping made it so easy to get my products delivered wherever I am."
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" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image6.avif", alt: "Customer testimonial" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image7.avif", alt: "Customer testimonial" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image8.avif", alt: "Customer testimonial" }
]}
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, worldwide shipping, and delivery."
faqs={[
{
id: "1",
title: "How long does it take to see results?",
content: "Most customers notice visible improvements in skin texture and radiance within 2-4 weeks of consistent use. For more significant results like reduced fine lines or hyperpigmentation, allow 6-8 weeks."
},
{
id: "2",
title: "Are your products suitable for sensitive skin?",
content: "Yes! All Luminé products are formulated to be gentle and non-irritating. We use natural ingredients and avoid common irritants. We recommend patch testing first if you have very reactive skin."
},
{
id: "3",
title: "Do you offer worldwide shipping?",
content: "Absolutely! We ship to over 150 countries worldwide. Standard shipping typically takes 7-14 business days depending on your location. Express shipping options are also available for faster delivery."
},
{
id: "4",
title: "What is your return policy?",
content: "We offer a 60-day satisfaction guarantee on all purchases. If you're not completely happy with your skincare, return it for a full refund or exchange. Worldwide returns are processed efficiently through our international shipping partners."
}
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image4.webp"
imageAlt="Skincare routine and wellness"
mediaPosition="left"
textboxLayout="default"
faqsAnimation="slide-up"
mediaAnimation="slide-up"
useInvertedBackground={true}
animationType="smooth"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Newsletter"
title="Get Your Glow On"
description="Subscribe to our newsletter for skincare tips, product launches, and exclusive worldwide shipping offers delivered to your inbox."
tagIcon={Mail}
background={{ variant: "plain" }}
<ContactSplit
title="Rezervări"
description="Vă așteptăm cu drag să rezervați o experiență culinară de neuitat în Ungheni."
tag="Disponibil"
tagIcon={Calendar}
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email"
buttonText="Subscribe"
termsText="We respect your privacy. Unsubscribe anytime."
onSubmit={(email) => console.log("Reservation requested:", email)}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Luminé"
<FooterMedia
logoText="FELIZ"
videoSrc="https://www.w3schools.com/howto/rain.mp4"
columns={[
{
title: "Product",
items: [
{ label: "Moisturizers", href: "#products" },
{ label: "Serums", href: "#products" },
{ label: "Masks", href: "#products" },
{ label: "Bundles", href: "#products" }
]
},
{
title: "Company",
items: [
{ label: "About Us", href: "#about" },
{ label: "Sustainability", href: "#about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" }
]
},
{
title: "Support",
items: [
{ label: "Contact Us", href: "#contact" },
{ label: "FAQ", href: "#faq" },
{ label: "Worldwide Shipping", href: "#" },
{ label: "Returns", href: "#" }
]
},
{
title: "Connect",
items: [
{ label: "Instagram", href: "#" },
{ label: "Facebook", href: "#" },
{ label: "Pinterest", href: "#" },
{ label: "TikTok", href: "#" }
]
}
{ 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>
);
}
}

View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-inter-tight), sans-serif;
font-family: var(--font-libre-baskerville), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-inter-tight), sans-serif;
font-family: var(--font-libre-baskerville), sans-serif;
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #fcf6ec;
--card: #f3ede2;
--foreground: #2e2521;
--primary-cta: #2e2521;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #fdfaf6;
--primary-cta: #d4af37;
--primary-cta-text: #fcf6ec;
--secondary-cta: #ffffff;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #2e2521;
--accent: #b2a28b;
--background-accent: #b2a28b;
--accent: #fdfaf6;
--background-accent: #d4af37;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);