Merge version_1 into main #1
244
src/app/page.tsx
244
src/app/page.tsx
@@ -31,26 +31,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "The Salon",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Testimonials", id: "testimonial" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Blog", id: "blog" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Indigo"
|
||||
/>
|
||||
@@ -58,9 +46,7 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Unrivaled Elegance. Masterful Hair."
|
||||
description="Experience the pinnacle of luxury at Indigo, where artistry meets beauty in our serene, designer salon."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beauty-slim-african-american-model-wear-black-blouse-green-long-legs-pants-posed-chinese-cafe_627829-5911.jpg"
|
||||
@@ -75,17 +61,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Generic hair care products",
|
||||
"Rush-through appointments",
|
||||
"Impersonal styling experiences",
|
||||
],
|
||||
"Generic hair care products", "Rush-through appointments", "Impersonal styling experiences"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Elite, organic-based luxury products",
|
||||
"Unrushed personalized consultations",
|
||||
"Tailored artistry by master stylists",
|
||||
],
|
||||
"Elite, organic-based luxury products", "Unrushed personalized consultations", "Tailored artistry by master stylists"],
|
||||
}}
|
||||
title="Exceptional Care"
|
||||
description="Discover our signature approach to beauty, focusing on precision, quality, and your individual style."
|
||||
@@ -94,53 +74,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
price: "$150",
|
||||
name: "Signature Cut & Finish",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Consultation",
|
||||
"Precision Cut",
|
||||
"Style",
|
||||
],
|
||||
id: "p1", price: "$150", name: "Signature Cut & Finish", buttons: [{ text: "Book Now" }],
|
||||
features: ["Consultation", "Precision Cut", "Style"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
price: "$250",
|
||||
name: "Master Color & Gloss",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Custom Color",
|
||||
"Deep Treatment",
|
||||
"Gloss",
|
||||
],
|
||||
id: "p2", price: "$250", name: "Master Color & Gloss", buttons: [{ text: "Book Now" }],
|
||||
features: ["Custom Color", "Deep Treatment", "Gloss"],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
price: "$400",
|
||||
name: "Bridal/Event Transformation",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Trial Session",
|
||||
"Event Styling",
|
||||
"Finishing",
|
||||
],
|
||||
id: "p3", price: "$400", name: "Bridal/Event Transformation", buttons: [{ text: "Book Now" }],
|
||||
features: ["Trial Session", "Event Styling", "Finishing"],
|
||||
},
|
||||
]}
|
||||
title="Bespoke Services"
|
||||
@@ -154,24 +102,9 @@ export default function LandingPage() {
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={true}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena Rossi",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Chen",
|
||||
role: "Master Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-thinking_23-2148317340.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Color Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56021.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Elena Rossi", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg" },
|
||||
{ id: "t2", name: "Marcus Chen", role: "Master Stylist", imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-thinking_23-2148317340.jpg" },
|
||||
{ id: "t3", name: "Sarah Jenkins", role: "Color Specialist", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56021.jpg" },
|
||||
]}
|
||||
title="Meet Our Artists"
|
||||
description="Our master stylists define the art of modern beauty."
|
||||
@@ -183,46 +116,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Exceptional",
|
||||
quote: "Indigo redefined my standards.",
|
||||
name: "Alice W.",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-face-massaging-with-gua-sha-medium-shot_23-2149349087.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Pure Luxury",
|
||||
quote: "The best haircut of my life.",
|
||||
name: "John D.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-bride-holding-smartphone_23-2149722007.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Stunning Results",
|
||||
quote: "My hair has never looked better.",
|
||||
name: "Chloe B.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Highly Recommend",
|
||||
quote: "Professional, clean, and elegant.",
|
||||
name: "Samantha L.",
|
||||
role: "Attorney",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-getting-her-hair-done_23-2148108777.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Perfectly Tailored",
|
||||
quote: "Masterful attention to detail.",
|
||||
name: "Robert S.",
|
||||
role: "Consultant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-focus-concentration_181624-26347.jpg",
|
||||
},
|
||||
{ id: "1", title: "Exceptional", quote: "Indigo redefined my standards.", name: "Alice W.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-face-massaging-with-gua-sha-medium-shot_23-2149349087.jpg" },
|
||||
{ id: "2", title: "Pure Luxury", quote: "The best haircut of my life.", name: "John D.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-bride-holding-smartphone_23-2149722007.jpg" },
|
||||
{ id: "3", title: "Stunning Results", quote: "My hair has never looked better.", name: "Chloe B.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg" },
|
||||
{ id: "4", title: "Highly Recommend", quote: "Professional, clean, and elegant.", name: "Samantha L.", role: "Attorney", imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-getting-her-hair-done_23-2148108777.jpg" },
|
||||
{ id: "5", title: "Perfectly Tailored", quote: "Masterful attention to detail.", name: "Robert S.", role: "Consultant", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-focus-concentration_181624-26347.jpg" },
|
||||
]}
|
||||
title="Client Journeys"
|
||||
description="Experiences from our discerning clientele."
|
||||
@@ -234,21 +132,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How far in advance should I book?",
|
||||
content: "We recommend booking at least two weeks in advance for weekend appointments.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer consultations?",
|
||||
content: "Yes, all major services begin with a comprehensive one-on-one consultation.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What products do you use?",
|
||||
content: "We exclusively use elite organic and professional-grade beauty lines.",
|
||||
},
|
||||
{ id: "f1", title: "How far in advance should I book?", content: "We recommend booking at least two weeks in advance for weekend appointments." },
|
||||
{ id: "f2", title: "Do you offer consultations?", content: "Yes, all major services begin with a comprehensive one-on-one consultation." },
|
||||
{ id: "f3", title: "What products do you use?", content: "We exclusively use elite organic and professional-grade beauty lines." },
|
||||
]}
|
||||
title="Salon Insights"
|
||||
description="Common inquiries to help prepare for your visit."
|
||||
@@ -264,36 +150,9 @@ export default function LandingPage() {
|
||||
title="Indigo Insights"
|
||||
description="Expert advice and seasonal trends from our salon."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Trends",
|
||||
title: "2024 Hair Color Trends",
|
||||
excerpt: "Explore the vibrant color palettes...",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-man-filming-his-video-blog-episode_171337-5521.jpg",
|
||||
authorName: "Elena Rossi",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/female-hairdresser-holding-hair-curler-machine-hairbrush_107420-12146.jpg",
|
||||
date: "Oct 12, 2024",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Wellness",
|
||||
title: "Summer Hair Care",
|
||||
excerpt: "Protect your hair during hot months...",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230920.jpg",
|
||||
authorName: "Marcus Chen",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-smiling_23-2148452640.jpg",
|
||||
date: "Oct 5, 2024",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Technique",
|
||||
title: "Mastering the Gloss",
|
||||
excerpt: "The secret behind the shine...",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-bride-getting-ready_23-2149721999.jpg",
|
||||
authorName: "Sarah Jenkins",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/pleased-middle-aged-blonde-gardener-woman-uniform-wearing-hat_141793-114812.jpg",
|
||||
date: "Sep 28, 2024",
|
||||
},
|
||||
{ id: "b1", category: "Trends", title: "2024 Hair Color Trends", excerpt: "Explore the vibrant color palettes...", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-man-filming-his-video-blog-episode_171337-5521.jpg", authorName: "Elena Rossi", authorAvatar: "http://img.b2bpic.net/free-photo/female-hairdresser-holding-hair-curler-machine-hairbrush_107420-12146.jpg", date: "Oct 12, 2024" },
|
||||
{ id: "b2", category: "Wellness", title: "Summer Hair Care", excerpt: "Protect your hair during hot months...", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230920.jpg", authorName: "Marcus Chen", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-smiling_23-2148452640.jpg", date: "Oct 5, 2024" },
|
||||
{ id: "b3", category: "Technique", title: "Mastering the Gloss", excerpt: "The secret behind the shine...", imageSrc: "http://img.b2bpic.net/free-photo/side-view-bride-getting-ready_23-2149721999.jpg", authorName: "Sarah Jenkins", authorAvatar: "http://img.b2bpic.net/free-photo/pleased-middle-aged-blonde-gardener-woman-uniform-wearing-hat_141793-114812.jpg", date: "Sep 28, 2024" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -301,48 +160,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to experience Indigo? Reach out today for inquiries or bookings."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "The Salon",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "hello@indigo.com",
|
||||
href: "mailto:hello@indigo.com",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Services", href: "#services" }, { label: "The Salon", href: "#about" }] },
|
||||
{ title: "Contact", items: [{ label: "hello@indigo.com", href: "mailto:hello@indigo.com" }, { label: "Instagram", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Indigo Hair & Beauty"
|
||||
bottomRightText="123 Elegance Lane, Beverly Hills, CA"
|
||||
|
||||
Reference in New Issue
Block a user