Merge version_1 into main #1
255
src/app/page.tsx
255
src/app/page.tsx
@@ -7,9 +7,8 @@ import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import { Award, Coffee, MapPin, ShieldCheck, Smile, Sun } from "lucide-react";
|
||||
import { Coffee, ShieldCheck, Sun, Play, Zap, Puzzle, ArrowUpCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -17,195 +16,83 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "בית",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "אודות",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "מתקנים",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "צור קשר",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="MIDBAR"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "בית", id: "hero" },
|
||||
{ name: "אודות", id: "about" },
|
||||
{ name: "מתקנים", id: "features" },
|
||||
{ name: "צור קשר", id: "contact" },
|
||||
]}
|
||||
brandName="MIDBAR"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="MIDBAR"
|
||||
description="משחקייה ייחודית ומלאה בחוויות במול זכרון. מחכים לכם במדבר 🌵☀️"
|
||||
buttons={[
|
||||
{
|
||||
text: "קרא עוד",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-futuristic-bedroom-with-furniture_23-2151152201.jpg"
|
||||
imageAlt="משחקיית מדבר מול זכרון"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="MIDBAR"
|
||||
description="משחקייה ייחודית ומלאה בחוויות במול זכרון. מחכים לכם במדבר 🌵☀️"
|
||||
buttons={[{ text: "קרא עוד", href: "#about" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-futuristic-bedroom-with-furniture_23-2151152201.jpg"
|
||||
imageAlt="משחקיית מדבר מול זכרון"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="הכירו את מדבר"
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "פינות ישיבה",
|
||||
value: "להורים",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "בטיחות",
|
||||
value: "מרחבטוח ומוגן",
|
||||
},
|
||||
{
|
||||
icon: Sun,
|
||||
label: "חוויה",
|
||||
value: "לכל המשפחה",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="הכירו את מדבר"
|
||||
metrics={[
|
||||
{ icon: Coffee, label: "פינות ישיבה", value: "להורים" },
|
||||
{ icon: ShieldCheck, label: "בטיחות", value: "מרחבטוח ומוגן" },
|
||||
{ icon: Sun, label: "חוויה", value: "לכל המשפחה" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "בריכות כדורים",
|
||||
description: "בריכות כדורים ענקיות ומלהיבות לכל הגילאים.",
|
||||
buttonIcon: "Play",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-kid-playing_23-2148836342.jpg",
|
||||
},
|
||||
{
|
||||
title: "משחקים אינטראקטיביים",
|
||||
description: "טכנולוגיה ומשחקים שמפעילים את הגוף והמחשבה.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428539.jpg",
|
||||
},
|
||||
{
|
||||
title: "אזורי דמיון",
|
||||
description: "פינות משחק שמעודדות יצירתיות ופיתוח דמיון.",
|
||||
buttonIcon: "Puzzle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-playing-with-puppets-home_23-2149079500.jpg",
|
||||
},
|
||||
{
|
||||
title: "מתקני טיפוס ומגלשות",
|
||||
description: "רשתות הליכה בגובה ומגלשות מאתגרות לילדים.",
|
||||
buttonIcon: "ArrowUpCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-colorful-children-playground-background_23-2149587752.jpg",
|
||||
},
|
||||
]}
|
||||
title="מה מחכה לכם במדבר?"
|
||||
description="פעילויות מלאות דמיון והנאה לילדים"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "בריכות כדורים", description: "בריכות כדורים ענקיות ומלהיבות לכל הגילאים.", buttonIcon: Play, imageSrc: "http://img.b2bpic.net/free-photo/little-kid-playing_23-2148836342.jpg" },
|
||||
{ title: "משחקים אינטראקטיביים", description: "טכנולוגיה ומשחקים שמפעילים את הגוף והמחשבה.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428539.jpg" },
|
||||
{ title: "אזורי דמיון", description: "פינות משחק שמעודדות יצירתיות ופיתוח דמיון.", buttonIcon: Puzzle, imageSrc: "http://img.b2bpic.net/free-photo/little-girl-playing-with-puppets-home_23-2149079500.jpg" },
|
||||
{ title: "מתקני טיפוס ומגלשות", description: "רשתות הליכה בגובה ומגלשות מאתגרות לילדים.", buttonIcon: ArrowUpCircle, imageSrc: "http://img.b2bpic.net/free-photo/outdoors-colorful-children-playground-background_23-2149587752.jpg" },
|
||||
]}
|
||||
title="מה מחכה לכם במדבר?"
|
||||
description="פעילויות מלאות דמיון והנאה לילדים"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="מדבר במספרים"
|
||||
description="הנתונים מאחורי חוויית המשחק המושקעת שלנו"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "100+",
|
||||
title: "מטרים רבועים",
|
||||
description: "של מרחב משחק ממוזג ונעים",
|
||||
icon: MapPin,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "5+",
|
||||
title: "מתחמי משחק",
|
||||
description: "מחולקים לפי גילאים ותחומי עניין",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
title: "סטנדרט בטיחות",
|
||||
description: "עמידה בתקנים המחמירים ביותר",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "1000+",
|
||||
title: "ילדים מאושרים",
|
||||
description: "שביקרו אצלנו בחודש האחרון",
|
||||
icon: Smile,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="רוצים לשמוע עוד? בואו לבקר אותנו במול זכרון!"
|
||||
buttons={[{ text: "צרו קשר בווטסאפ", href: "https://wa.me/972" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="רוצים לשמוע עוד? בואו לבקר אותנו במול זכרון!"
|
||||
buttons={[
|
||||
{
|
||||
text: "צרו קשר בווטסאפ",
|
||||
href: "https://wa.me/972",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "בית",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "אודות",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "מתקנים",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "מפת הגעה",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="MIDBAR"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "בית", href: "#hero" }, { label: "אודות", href: "#about" }] },
|
||||
{ items: [{ label: "מתקנים", href: "#features" }, { label: "מפת הגעה", href: "#" }] },
|
||||
]}
|
||||
logoText="MIDBAR"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user