Merge version_1 into main #2
201
src/app/page.tsx
201
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Ryna's Nails"
|
||||
/>
|
||||
@@ -52,47 +44,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static-grid",
|
||||
}}
|
||||
variant: "rotated-rays-static-grid"}}
|
||||
title="Nails that tell your story"
|
||||
description="At Ryna's Nails Bovaird, we believe every set of nails is a small work of art. From classic to creative, our skilled technicians bring your vision to life."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "https://booking.mangomint.com/penrosesalon/bovaird",
|
||||
},
|
||||
text: "Book Now", href: "https://booking.mangomint.com/penrosesalon/bovaird"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-browsing-smartphone-near-cafe-window_23-2147785379.jpg?_wi=1",
|
||||
imageAlt: "Luxury nail art",
|
||||
},
|
||||
id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-browsing-smartphone-near-cafe-window_23-2147785379.jpg", imageAlt: "Luxury nail art"},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-browsing-smartphone-near-cafe-window_23-2147785379.jpg?_wi=2",
|
||||
imageAlt: "Gel manicure",
|
||||
},
|
||||
id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-browsing-smartphone-near-cafe-window_23-2147785379.jpg", imageAlt: "Gel manicure"},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-browsing-smartphone-near-cafe-window_23-2147785379.jpg?_wi=3",
|
||||
imageAlt: "Acrylic set",
|
||||
},
|
||||
id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-browsing-smartphone-near-cafe-window_23-2147785379.jpg", imageAlt: "Acrylic set"},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-browsing-smartphone-near-cafe-window_23-2147785379.jpg?_wi=4",
|
||||
imageAlt: "Nail design",
|
||||
},
|
||||
id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-browsing-smartphone-near-cafe-window_23-2147785379.jpg", imageAlt: "Nail design"},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-browsing-smartphone-near-cafe-window_23-2147785379.jpg?_wi=5",
|
||||
imageAlt: "Pedicure services",
|
||||
},
|
||||
id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-browsing-smartphone-near-cafe-window_23-2147785379.jpg", imageAlt: "Pedicure services"},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-browsing-smartphone-near-cafe-window_23-2147785379.jpg?_wi=6",
|
||||
imageAlt: "Studio vibe",
|
||||
},
|
||||
id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-browsing-smartphone-near-cafe-window_23-2147785379.jpg", imageAlt: "Studio vibe"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,43 +75,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Gel Manicure",
|
||||
description: "Long-lasting chip-free polish.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manicurist-doing-gel-nail-design-client-close-up_127675-2638.jpg?_wi=1",
|
||||
imageAlt: "Gel manicure",
|
||||
},
|
||||
id: "f1", title: "Gel Manicure", description: "Long-lasting chip-free polish.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manicurist-doing-gel-nail-design-client-close-up_127675-2638.jpg", imageAlt: "Gel manicure"},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-browsing-smartphone-near-cafe-window_23-2147785379.jpg?_wi=7",
|
||||
imageAlt: "elegant nail salon interior warm lighting",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Acrylic Set",
|
||||
description: "Custom shape and length enhancements.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-wearing-face-mask-shield-nail-salon_23-2148694574.jpg?_wi=1",
|
||||
imageAlt: "Acrylic manicure",
|
||||
},
|
||||
id: "f2", title: "Acrylic Set", description: "Custom shape and length enhancements.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-wearing-face-mask-shield-nail-salon_23-2148694574.jpg", imageAlt: "Acrylic manicure"},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manicurist-doing-gel-nail-design-client-close-up_127675-2638.jpg?_wi=2",
|
||||
imageAlt: "gel manicure nails beautiful hands",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Nail Art",
|
||||
description: "Intricate hand-painted designs.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/beautiful-watercolor-floral-seamless-pattern_44538-10630.jpg?_wi=1",
|
||||
imageAlt: "Hand painted art",
|
||||
},
|
||||
id: "f3", title: "Nail Art", description: "Intricate hand-painted designs.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/beautiful-watercolor-floral-seamless-pattern_44538-10630.jpg", imageAlt: "Hand painted art"},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-wearing-face-mask-shield-nail-salon_23-2148694574.jpg?_wi=2",
|
||||
imageAlt: "acrylic nail set coffin shape",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
@@ -155,16 +105,12 @@ export default function LandingPage() {
|
||||
description="Ryna's Nails is Brampton's neighbourhood favourite, built on 644+ glowing reviews and a passion for excellence."
|
||||
metrics={[
|
||||
{
|
||||
value: "644+",
|
||||
title: "5-Star Reviews",
|
||||
},
|
||||
value: "644+", title: "5-Star Reviews"},
|
||||
{
|
||||
value: "336+",
|
||||
title: "Gallery Looks",
|
||||
},
|
||||
value: "336+", title: "Gallery Looks"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-young-female-getting-her-nails-fixed-by-manicurist-inside-room-beauty-manicure-nail-hand-self-care_140725-65116.jpg?_wi=1"
|
||||
mediaAnimation="fade-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-young-female-getting-her-nails-fixed-by-manicurist-inside-room-beauty-manicure-nail-hand-self-care_140725-65116.jpg"
|
||||
mediaAnimation="opacity"
|
||||
imageAlt="Welcoming nail studio"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -176,60 +122,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Payal",
|
||||
date: "2024",
|
||||
title: "Perfect Service",
|
||||
quote: "Tom did my nails and they turned out exactly like the photos I showed him.",
|
||||
tag: "Satisfied",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-with-cell-phone-isolated-white-wall_231208-12365.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/beautiful-watercolor-floral-seamless-pattern_44538-10630.jpg?_wi=2",
|
||||
imageAlt: "intricate hand painted nail art design",
|
||||
},
|
||||
id: "t1", name: "Payal", date: "2024", title: "Perfect Service", quote: "Tom did my nails and they turned out exactly like the photos I showed him.", tag: "Satisfied", avatarSrc: "http://img.b2bpic.net/free-photo/woman-with-cell-phone-isolated-white-wall_231208-12365.jpg", imageSrc: "http://img.b2bpic.net/free-vector/beautiful-watercolor-floral-seamless-pattern_44538-10630.jpg", imageAlt: "intricate hand painted nail art design"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Anne Olokude",
|
||||
date: "2024",
|
||||
title: "Amazing",
|
||||
quote: "My usual salon was closed. Service was amazing. Emily was meticulous.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-getting-her-nails-fixed-by-manicurist-inside-room-beauty-manicure-nail-hand-self-care_140725-65116.jpg?_wi=2",
|
||||
imageAlt: "nail salon studio interior warm",
|
||||
},
|
||||
id: "t2", name: "Anne Olokude", date: "2024", title: "Amazing", quote: "My usual salon was closed. Service was amazing. Emily was meticulous.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-getting-her-nails-fixed-by-manicurist-inside-room-beauty-manicure-nail-hand-self-care_140725-65116.jpg", imageAlt: "nail salon studio interior warm"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Caitlyn Whale",
|
||||
date: "2024",
|
||||
title: "Best nails",
|
||||
quote: "Tony did an amazing job, literally the best nails I've gotten in a long time!",
|
||||
tag: "Returning",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pretty-european-woman-casual-sweater-pink-wall_343596-5803.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-cell-phone-isolated-white-wall_231208-12365.jpg",
|
||||
imageAlt: "happy customer portrait professional",
|
||||
},
|
||||
id: "t3", name: "Caitlyn Whale", date: "2024", title: "Best nails", quote: "Tony did an amazing job, literally the best nails I've gotten in a long time!", tag: "Returning", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-european-woman-casual-sweater-pink-wall_343596-5803.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-cell-phone-isolated-white-wall_231208-12365.jpg", imageAlt: "happy customer portrait professional"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "User 4",
|
||||
date: "2024",
|
||||
title: "Great Vibe",
|
||||
quote: "Super friendly team and great atmosphere.",
|
||||
tag: "Happy",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/sensual-glamour-portrait-beautiful-woman-model-with-no-makeup-clean-healthy-skin-black_158538-13833.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",
|
||||
imageAlt: "happy customer portrait professional",
|
||||
},
|
||||
id: "t4", name: "User 4", date: "2024", title: "Great Vibe", quote: "Super friendly team and great atmosphere.", tag: "Happy", avatarSrc: "http://img.b2bpic.net/free-photo/sensual-glamour-portrait-beautiful-woman-model-with-no-makeup-clean-healthy-skin-black_158538-13833.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg", imageAlt: "happy customer portrait professional"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "User 5",
|
||||
date: "2024",
|
||||
title: "Quick & Precise",
|
||||
quote: "Fast, high quality work every single time.",
|
||||
tag: "Loyal",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-sexy-attractive-woman-stylish-make-up-red-lips-green-sweater-model-posing-studio-isolated-pink-background-earrings-looking-camera_285396-2673.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-european-woman-casual-sweater-pink-wall_343596-5803.jpg",
|
||||
imageAlt: "happy customer portrait professional",
|
||||
},
|
||||
id: "t5", name: "User 5", date: "2024", title: "Quick & Precise", quote: "Fast, high quality work every single time.", tag: "Loyal", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-sexy-attractive-woman-stylish-make-up-red-lips-green-sweater-model-posing-studio-isolated-pink-background-earrings-looking-camera_285396-2673.jpg", imageSrc: "http://img.b2bpic.net/free-photo/pretty-european-woman-casual-sweater-pink-wall_343596-5803.jpg", imageAlt: "happy customer portrait professional"},
|
||||
]}
|
||||
title="What our clients say"
|
||||
description="See why our customers love their experience at Ryna's Nails."
|
||||
@@ -243,22 +144,14 @@ export default function LandingPage() {
|
||||
description="Conveniently located on Bovaird Drive West in Brampton."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you today?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we help you today?", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/push-pin-front-side-white-background_187299-40193.jpg"
|
||||
@@ -269,36 +162,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-browsing-smartphone-near-cafe-window_23-2147785379.jpg?_wi=8"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-browsing-smartphone-near-cafe-window_23-2147785379.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Gel Manicure",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Gel Manicure", href: "#services"},
|
||||
{
|
||||
label: "Acrylic Sets",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Acrylic Sets", href: "#services"},
|
||||
{
|
||||
label: "Nail Art",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Nail Art", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Visit",
|
||||
items: [
|
||||
title: "Visit", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "https://booking.mangomint.com/penrosesalon/bovaird",
|
||||
},
|
||||
label: "Book Now", href: "https://booking.mangomint.com/penrosesalon/bovaird"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user