Merge version_2 into main #1
268
src/app/page.tsx
268
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Clock, Heart, Star } from "lucide-react";
|
||||
import { Clock, Heart, Star, Award } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#gallery",
|
||||
},
|
||||
name: "Gallery", id: "#gallery"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "#booking",
|
||||
},
|
||||
name: "Book Now", id: "#booking"},
|
||||
]}
|
||||
brandName="BLAAC"
|
||||
/>
|
||||
@@ -58,63 +48,42 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
tag="Top-Rated Unisex Salon in Kaloor"
|
||||
tagIcon={Award}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Look Good. Feel Everything."
|
||||
description="Unisex salon in the heart of Kaloor, Ernakulam. Your look. Your identity."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment",
|
||||
href: "#booking",
|
||||
},
|
||||
text: "Book an Appointment", href: "#booking"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-woman-standing-posing-near-lamps_114579-81886.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-58755.jpg",
|
||||
alt: "Portrait of young woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-58755.jpg", alt: "Portrait of young woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/glamor-closeup-portrait-beautiful-sexy-black-young-woman-model-with-bright-makeup-with-perfect-clean-with-red-lips-fur-coat_158538-14605.jpg",
|
||||
alt: "Glamorous model",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/glamor-closeup-portrait-beautiful-sexy-black-young-woman-model-with-bright-makeup-with-perfect-clean-with-red-lips-fur-coat_158538-14605.jpg", alt: "Glamorous model"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-posing-black-white_23-2149392896.jpg",
|
||||
alt: "Woman posing black and white",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-posing-black-white_23-2149392896.jpg", alt: "Woman posing black and white"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-expressive-woman-posing-with-ring_23-2149392894.jpg",
|
||||
alt: "Expressive woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-expressive-woman-posing-with-ring_23-2149392894.jpg", alt: "Expressive woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg",
|
||||
alt: "Smiling young woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg", alt: "Smiling young woman"},
|
||||
]}
|
||||
avatarText="Trusted by 400+ clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Hair Care",
|
||||
},
|
||||
type: "text", text: "Premium Hair Care"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Colouring",
|
||||
},
|
||||
type: "text", text: "Expert Colouring"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Treatments",
|
||||
},
|
||||
type: "text", text: "Luxury Treatments"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Styling",
|
||||
},
|
||||
type: "text", text: "Modern Styling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Unisex Services",
|
||||
},
|
||||
type: "text", text: "Unisex Services"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,22 +95,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Google Rating",
|
||||
value: "4.7 Stars",
|
||||
icon: Star,
|
||||
id: "1", title: "Google Rating", value: "4.7 Stars", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Happy Clients",
|
||||
value: "397+",
|
||||
icon: Heart,
|
||||
id: "2", title: "Happy Clients", value: "397+", icon: Heart,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Operating Hours",
|
||||
value: "10am – 9pm",
|
||||
icon: Clock,
|
||||
id: "3", title: "Operating Hours", value: "10am – 9pm", icon: Clock,
|
||||
},
|
||||
]}
|
||||
title="BLAAC Excellence"
|
||||
@@ -155,35 +115,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Hair Smoothening",
|
||||
description: "Perfectly sleek hair with premium techniques.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230919.jpg",
|
||||
},
|
||||
title: "Hair Smoothening", description: "Perfectly sleek hair with premium techniques.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230919.jpg"},
|
||||
{
|
||||
title: "Hair Colouring",
|
||||
description: "Vibrant shades to express your identity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229745.jpg",
|
||||
},
|
||||
title: "Hair Colouring", description: "Vibrant shades to express your identity.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229745.jpg"},
|
||||
{
|
||||
title: "Hair Botox Treatment",
|
||||
description: "Revitalize your hair with deep conditioning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-getting-prp-treatment_23-2149341416.jpg",
|
||||
},
|
||||
title: "Hair Botox Treatment", description: "Revitalize your hair with deep conditioning.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-getting-prp-treatment_23-2149341416.jpg"},
|
||||
{
|
||||
title: "Haircut & Styling",
|
||||
description: "Masterful cuts for men and women.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg",
|
||||
},
|
||||
title: "Haircut & Styling", description: "Masterful cuts for men and women.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg"},
|
||||
{
|
||||
title: "Hair Perming & Blow Dry",
|
||||
description: "Volume, texture, and lasting style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-making-hairstyle-brunette-woman-beauty-salon_176420-4462.jpg",
|
||||
},
|
||||
title: "Hair Perming & Blow Dry", description: "Volume, texture, and lasting style.", imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-making-hairstyle-brunette-woman-beauty-salon_176420-4462.jpg"},
|
||||
{
|
||||
title: "Skincare & Beauty",
|
||||
description: "Essential beauty treatments for radiance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wellness-concept-with-woman-with-creme-face_23-2147816997.jpg",
|
||||
},
|
||||
title: "Skincare & Beauty", description: "Essential beauty treatments for radiance.", imageSrc: "http://img.b2bpic.net/free-photo/wellness-concept-with-woman-with-creme-face_23-2147816997.jpg"},
|
||||
]}
|
||||
title="What We Do"
|
||||
description="Professional care tailored to your unique style."
|
||||
@@ -195,9 +137,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafted for Every Identity",
|
||||
},
|
||||
type: "text", content: "Crafted for Every Identity"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -210,59 +150,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Transformation 1",
|
||||
brand: "BLAAC",
|
||||
price: "Look",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-mobile-phone-while-getting-her-hair-straightened_107420-12154.jpg",
|
||||
},
|
||||
id: "1", name: "Transformation 1", brand: "BLAAC", price: "Look", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-mobile-phone-while-getting-her-hair-straightened_107420-12154.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Transformation 2",
|
||||
brand: "BLAAC",
|
||||
price: "Look",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-twins-standing-face-face_329181-10735.jpg",
|
||||
},
|
||||
id: "2", name: "Transformation 2", brand: "BLAAC", price: "Look", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-twins-standing-face-face_329181-10735.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Transformation 3",
|
||||
brand: "BLAAC",
|
||||
price: "Look",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-shopping-mall_23-2150585915.jpg",
|
||||
},
|
||||
id: "3", name: "Transformation 3", brand: "BLAAC", price: "Look", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-shopping-mall_23-2150585915.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Transformation 4",
|
||||
brand: "BLAAC",
|
||||
price: "Look",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rhinoplasty-surgery-concept-with-woman-model_23-2150036923.jpg",
|
||||
},
|
||||
id: "4", name: "Transformation 4", brand: "BLAAC", price: "Look", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/rhinoplasty-surgery-concept-with-woman-model_23-2150036923.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Transformation 5",
|
||||
brand: "BLAAC",
|
||||
price: "Look",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-photo-tape-red-background-high-quality-photo_114579-60927.jpg",
|
||||
},
|
||||
id: "5", name: "Transformation 5", brand: "BLAAC", price: "Look", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-photo-tape-red-background-high-quality-photo_114579-60927.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Transformation 6",
|
||||
brand: "BLAAC",
|
||||
price: "Look",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sensual-glamour-portrait-beautiful-blond-woman-model-lady-with-fresh-daily-makeup-with-pink-lips-color-clean-healthy-skin_158538-10511.jpg",
|
||||
},
|
||||
id: "6", name: "Transformation 6", brand: "BLAAC", price: "Look", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/sensual-glamour-portrait-beautiful-blond-woman-model-lady-with-fresh-daily-makeup-with-pink-lips-color-clean-healthy-skin_158538-10511.jpg"},
|
||||
]}
|
||||
title="Before & After"
|
||||
description="Witness the transformation."
|
||||
@@ -276,45 +180,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah K.",
|
||||
handle: "@sarah",
|
||||
testimonial: "Best hair smoothening I've ever had in Kaloor!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-combing-hair-bed_23-2147767632.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah K.", handle: "@sarah", testimonial: "Best hair smoothening I've ever had in Kaloor!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-combing-hair-bed_23-2147767632.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Rahul V.",
|
||||
handle: "@rahul",
|
||||
testimonial: "Experienced stylists and a very welcoming atmosphere.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg",
|
||||
},
|
||||
id: "2", name: "Rahul V.", handle: "@rahul", testimonial: "Experienced stylists and a very welcoming atmosphere.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Priya M.",
|
||||
handle: "@priya",
|
||||
testimonial: "Incredible colouring results, truly premium salon.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg",
|
||||
},
|
||||
id: "3", name: "Priya M.", handle: "@priya", testimonial: "Incredible colouring results, truly premium salon.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Amit J.",
|
||||
handle: "@amit",
|
||||
testimonial: "Consistent service every time I visit.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-stylish-young-woman_23-2147910286.jpg",
|
||||
},
|
||||
id: "4", name: "Amit J.", handle: "@amit", testimonial: "Consistent service every time I visit.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-stylish-young-woman_23-2147910286.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maya S.",
|
||||
handle: "@maya",
|
||||
testimonial: "My go-to spot for beauty and skincare.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-shop-assistant-meeting-fashion-store-sitting-together-using-tablet-discussing-clothes-purchases-consumerism-shopping-concept_74855-11657.jpg",
|
||||
},
|
||||
id: "5", name: "Maya S.", handle: "@maya", testimonial: "My go-to spot for beauty and skincare.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-shop-assistant-meeting-fashion-store-sitting-together-using-tablet-discussing-clothes-purchases-consumerism-shopping-concept_74855-11657.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -326,18 +205,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready for Your Transformation?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us: 092071 85973",
|
||||
href: "tel:+919207185973",
|
||||
},
|
||||
text: "Call Us: 092071 85973", href: "tel:+919207185973"},
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/919207185973",
|
||||
},
|
||||
text: "WhatsApp Us", href: "https://wa.me/919207185973"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -346,37 +220,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
title: "Navigate", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#booking",
|
||||
},
|
||||
label: "Contact", href: "#booking"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/919207185973",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/919207185973"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -387,4 +247,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user