Update src/app/page.tsx

This commit is contained in:
2026-03-12 11:47:49 +00:00
parent a314e69ee5
commit 87790e953f

View File

@@ -29,51 +29,51 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
brandName="Radiance Beauty" brandName="Radiance Beauty"
navItems={[ navItems={[
{ name: "Gallery", id: "gallery" }, { name: "גלריה", id: "gallery" },
{ name: "Services", id: "services" }, { name: "שירותים", id: "services" },
{ name: "Appointments", id: "/appointments" }, { name: "תור", id: "/appointments" },
{ name: "Contact", id: "contact" } { name: "יצירת קשר", id: "contact" }
]} ]}
button={{ text: "Book Appointment", href: "/appointments" }} button={{ text: "הזמן תור", href: "/appointments" }}
animateOnLoad={true} animateOnLoad={true}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboard <HeroBillboard
title="Radiance Beauty Studio" title="סטודיו הגמל רדיאנס"
description="Experience premium cosmetics and personalized beauty treatments. Discover our curated collection of luxury skincare and makeup, expertly tailored to enhance your natural beauty." description="חווה טיפולי יופי פרימיום ומותאמים אישית. גלה את הקולקציה המקורטת שלנו של מוצרי טיפול עור יוקרתיים ודברי קוסמטיקה, המעוצבים בקולחין לשיפור הגמל הטבעי שלך."
background={{ variant: "radial-gradient" }} background={{ variant: "radial-gradient" }}
tag="Premium Beauty" tag="יופי פרימיום"
tagIcon={Sparkles} tagIcon={Sparkles}
buttons={[ buttons={[
{ text: "Book Now", href: "/appointments" }, { text: "הזמן עכשיו", href: "/appointments" },
{ text: "Explore Gallery", href: "#gallery" } { text: "בחן גלריה", href: "#gallery" }
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-frame-with-facial-beauty-products_23-2148299559.jpg" imageSrc="http://img.b2bpic.net/free-photo/flat-lay-frame-with-facial-beauty-products_23-2148299559.jpg"
imageAlt="Luxury cosmetics collection" imageAlt="אוסף קוסמטיקה יוקרתית"
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
</div> </div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<MediaAbout <MediaAbout
title="Your Beauty Destination" title="יעדך בטיפול היופי"
description="At Radiance Beauty Studio, we believe every client deserves personalized attention and premium products. Our team of certified beauty experts combines traditional techniques with cutting-edge treatments to deliver exceptional results. From skincare consultations to makeup applications, we're committed to helping you look and feel your absolute best." description="בסטודיו הגמל רדיאנס, אנחנו מאמינים שכל לקוח ראוי להתעדינות אישית ומוצרים פרימיום. צוות מומחי הטיפול היפים המסומך שלנו משלב טכניקות מסורתיות עם טיפולים חדישים להביא תוצאות חריגות. מייעוץ לטיפול עור להנחת איפור, אנחנו מתחייבים לעזור לך להראות ולהרגיש הטוב ביותר."
tag="About Us" tag="אודותינו"
buttons={[ buttons={[
{ text: "Learn More", href: "#services" } { text: "למד עוד", href: "#services" }
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg?_wi=1"
imageAlt="Radiance Beauty Studio interior" imageAlt="פנים סטודיו הגמל רדיאנס"
useInvertedBackground={false} useInvertedBackground={false}
/> />
</div> </div>
<div id="gallery" data-section="gallery"> <div id="gallery" data-section="gallery">
<ProductCardThree <ProductCardThree
title="Our Premium Collection" title="קולקציית פרימיום שלנו"
description="Handpicked luxury cosmetics and skincare products curated for discerning beauty enthusiasts" description="קוסמטיקה יוקרתית ומוצרי טיפול עור מקורטים עבור חובבי יופי מעוניינים"
products={[ products={[
{ {
id: "1", name: "Radiance Foundation Pro", price: "$48.00", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-foundation-bottle-plant_23-2149030339.jpg", imageAlt: "Radiance Foundation Pro", initialQuantity: 1 id: "1", name: "Radiance Foundation Pro", price: "$48.00", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-foundation-bottle-plant_23-2149030339.jpg", imageAlt: "Radiance Foundation Pro", initialQuantity: 1
@@ -97,30 +97,30 @@ export default function LandingPage() {
<div id="services" data-section="services"> <div id="services" data-section="services">
<FeatureBento <FeatureBento
title="Our Signature Services" title="השירותים החתומים שלנו"
description="Discover transformative beauty treatments designed to enhance your natural radiance" description="גלה טיפולי יופי משנים שעשויים לשפר את הגמל הטבעי שלך"
tag="Services" tag="שירותים"
tagIcon={Star} tagIcon={Star}
features={[ features={[
{ {
title: "Skin Analysis & Consultation", description: "Professional skin assessment with personalized product recommendations", bentoComponent: "icon-info-cards", items: [ title: "ניתוח עור ופנייה", description: "הערכת עור מקצועית עם המלצות מוצר מותאמות אישית", bentoComponent: "icon-info-cards", items: [
{ icon: Zap, label: "Instant Results", value: "Visible glow in 24hrs" }, { icon: Zap, label: "תוצאות מיידיות", value: "זוהר גלוי ב 24 שעות" },
{ icon: Shield, label: "Safe & Natural", value: "Dermatologist tested" } { icon: Shield, label: "בטוח וטבעי", value: "בדוק על ידי דרמטולוג" }
] ]
}, },
{ {
title: "Makeup Application", description: "Expert makeup artistry for any occasion, from bridal to everyday looks", bentoComponent: "reveal-icon", icon: Sparkles title: "הנחת איפור", description: "ארטיזריית איפור של אומן לכל אירוע, מחתונה לנוסח יומיומי", bentoComponent: "reveal-icon", icon: Sparkles
}, },
{ {
title: "Premium Facials", description: "Luxury facial treatments using high-end skincare technology", bentoComponent: "3d-stack-cards", items: [ title: "פנים פרימיום", description: "טיפולי פנים יוקרתיים תוך שימוש בטכנולוגיית טיפול עור ברמה גבוהה", bentoComponent: "3d-stack-cards", items: [
{ icon: Droplet, title: "Hydration", subtitle: "Deep Moisture", detail: "Intensive hydrating treatment" }, { icon: Droplet, title: "הידרציה", subtitle: "לחות עמוקה", detail: "טיפול הידרציה אינטנסיבי" },
{ icon: Sun, title: "Brightening", subtitle: "Radiant Glow", detail: "Luminosity enhancing therapy" }, { icon: Sun, title: "הבהרה", subtitle: "זוהר זוהר", detail: "תרפיה משפרת זוהר" },
{ icon: Heart, title: "Anti-Aging", subtitle: "Renewal", detail: "Rejuvenating facial therapy" } { icon: Heart, title: "נגד הזקנה", subtitle: "חידוש", detail: "טרפיה פנים מעודכנת" }
] ]
}, },
{ {
title: "Beauty Treatments", description: "Brow design, lash enhancement, and specialized beauty services", bentoComponent: "marquee", centerIcon: Heart, title: "טיפולי יופי", description: "עיצוב גבה, שיפור ריסים, וטיפולי יופי מתמחים", bentoComponent: "marquee", centerIcon: Heart,
variant: "text", texts: ["Eyebrow Design", "Lash Extensions", "Nail Art", "Beauty Coaching"] variant: "text", texts: ["עיצוב גבה", "הרחבת ריסים", "ציור ציפורניים", "הדרכת יופי"]
} }
]} ]}
animationType="blur-reveal" animationType="blur-reveal"
@@ -131,19 +131,19 @@ export default function LandingPage() {
<div id="appointment" data-section="appointment"> <div id="appointment" data-section="appointment">
<ContactSplit <ContactSplit
tag="Schedule" tag="לוח זמנים"
tagIcon={Calendar} tagIcon={Calendar}
title="Book Your Beauty Session" title="הזמן את מושב היופי שלך"
description="Reserve your appointment with our beauty experts. Select your preferred service and time slot. Our team will confirm your booking within 24 hours." description="שמור על התור שלך עם מומחי היופי שלנו. בחר את השירות המועדף שלך וזמן כניסה. הצוות שלנו יאשר את ההזמנה שלך תוך 24 שעות."
background={{ variant: "cell-wave" }} background={{ variant: "cell-wave" }}
useInvertedBackground={true} useInvertedBackground={true}
imageSrc="http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg?_wi=2" imageSrc="http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg?_wi=2"
imageAlt="Book your appointment" imageAlt="הזמן את התור שלך"
mediaAnimation="slide-up" mediaAnimation="slide-up"
mediaPosition="right" mediaPosition="right"
inputPlaceholder="Enter your email" inputPlaceholder="הכנס את הדוא"ל שלך"
buttonText="Schedule Appointment" buttonText="תור לוח זמנים"
termsText="We respect your privacy. Your appointment details will be kept confidential and used only for scheduling purposes." termsText="אנחנו מכבדים את הפרטיות שלך. פרטי הפגישה שלך יישמרו בסודיות ויהיו בשימוש רק לצורך לוח זמנים."
/> />
</div> </div>
@@ -151,20 +151,20 @@ export default function LandingPage() {
<TestimonialCardTwelve <TestimonialCardTwelve
testimonials={[ testimonials={[
{ {
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/close-up-studio-portrait-smiling-blonde-female-pink-jacket_613910-12467.jpg", imageAlt: "Sarah Johnson" id: "1", name: "שרה ג'ונסון", imageSrc: "http://img.b2bpic.net/free-photo/close-up-studio-portrait-smiling-blonde-female-pink-jacket_613910-12467.jpg", imageAlt: "שרה ג'ונסון"
}, },
{ {
id: "2", name: "Emily Davis", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg", imageAlt: "Emily Davis" id: "2", name: "אמילי דייוויס", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg", imageAlt: "אמילי דייוויס"
}, },
{ {
id: "3", name: "Jessica Martinez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman_158595-975.jpg", imageAlt: "Jessica Martinez" id: "3", name: "ג'סיקה מרטינז", imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman_158595-975.jpg", imageAlt: "ג'סיקה מרטינז"
}, },
{ {
id: "4", name: "Amanda Wilson", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands_1258-193991.jpg", imageAlt: "Amanda Wilson" id: "4", name: "אמנדה וילסון", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands_1258-193991.jpg", imageAlt: "אמנדה וילסון"
} }
]} ]}
cardTitle="Over 2,000 Satisfied Customers Trust Radiance Beauty" cardTitle="יותר מ 2,000 לקוחות שמחים סומכים על סטודיו הגמל רדיאנס"
cardTag="See what they say" cardTag="ראה מה הם אומרים"
cardTagIcon={Heart} cardTagIcon={Heart}
cardAnimation="blur-reveal" cardAnimation="blur-reveal"
useInvertedBackground={false} useInvertedBackground={false}
@@ -174,8 +174,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoReveal <FooterLogoReveal
logoText="Radiance Beauty" logoText="Radiance Beauty"
leftLink={{ text: "Privacy Policy", href: "#" }} leftLink={{ text: "מדיניות פרטיות", href: "#" }}
rightLink={{ text: "Terms & Conditions", href: "#" }} rightLink={{ text: "תנאים ותביעות", href: "#" }}
/> />
</div> </div>
</ThemeProvider> </ThemeProvider>