Merge version_4 into main
Merge version_4 into main
This commit was merged in pull request #4.
This commit is contained in:
131
src/app/page.tsx
131
src/app/page.tsx
@@ -30,14 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ALSHAMI FRISEUR"
|
||||
/>
|
||||
@@ -45,27 +41,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Crafted Excellence in Salzburg"
|
||||
description="Experience premium grooming at Alshami Friseur. Traditional techniques meet modern styling for the distinguished man."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Services", href: "#services"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/male-make-up-artist-putting-make-up-himself_23-2150166187.jpg", imageAlt: "Luxurious barbershop interior"},
|
||||
{
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/tools-shaving-beard-desk_23-2148181852.jpg", imageAlt: "Professional barber tools"},
|
||||
{
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-close-up-hard-light_1321-499.jpg", imageAlt: "Fade haircut in process"},
|
||||
{
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/side-view-leather-barber-shop-chair_23-2148242807.jpg", imageAlt: "Modern salon atmosphere"},
|
||||
{
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-smears-face-with-foam-hairdressing-salon_613910-18406.jpg", imageAlt: "Barber grooming service"},
|
||||
{
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-supplies-wooden-background_23-2147711598.jpg", imageAlt: "Beard grooming precision"},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/male-make-up-artist-putting-make-up-himself_23-2150166187.jpg", imageAlt: "Luxurious barbershop interior" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/tools-shaving-beard-desk_23-2148181852.jpg", imageAlt: "Professional barber tools" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-close-up-hard-light_1321-499.jpg", imageAlt: "Fade haircut in process" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/side-view-leather-barber-shop-chair_23-2148242807.jpg", imageAlt: "Modern salon atmosphere" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/master-hairdresser-prepares-face-shaving-smears-face-with-foam-hairdressing-salon_613910-18406.jpg", imageAlt: "Barber grooming service" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-supplies-wooden-background_23-2147711598.jpg", imageAlt: "Beard grooming precision" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -75,15 +60,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Mastery of Style"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Google Rating", value: "4.7+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Clients", value: "900+"},
|
||||
{
|
||||
icon: Scissors,
|
||||
label: "Years Experience", value: "10+"},
|
||||
{ icon: Award, label: "Google Rating", value: "4.7+" },
|
||||
{ icon: Users, label: "Happy Clients", value: "900+" },
|
||||
{ icon: Scissors, label: "Years Experience", value: "10+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -95,12 +74,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Coloring & Gray Coverage", "Hot Towel Refresh", "Scalp Treatment", "Personalized Consultations"],
|
||||
items: ["Coloring & Gray Coverage", "Hot Towel Refresh", "Scalp Treatment", "Personalized Consultations"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Precision Fade & Taper Styles", "Traditional Arabic Shave", "Expert Beard Sculpting", "Professional Hair Styling"],
|
||||
items: ["Precision Fade & Taper Styles", "Traditional Arabic Shave", "Expert Beard Sculpting", "Professional Hair Styling"],
|
||||
}}
|
||||
title="Signature Services"
|
||||
description="Expert grooming services tailored to your unique style and needs."
|
||||
@@ -113,18 +90,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", badge: "Essential", price: "€30", subtitle: "Basic Grooming", features: [
|
||||
"Haircut", "Style", "Neck Taper"],
|
||||
},
|
||||
{
|
||||
id: "pro", badge: "Popular", price: "€55", subtitle: "Total Refinement", features: [
|
||||
"Haircut & Fade", "Beard Sculpting", "Hot Towel", "Styling"],
|
||||
},
|
||||
{
|
||||
id: "elite", badge: "Best Value", badgeIcon: Star, price: "€85", subtitle: "The Alshami Signature", features: [
|
||||
"Full Service", "Arabic Shave", "Color/Treatment", "Styling"],
|
||||
},
|
||||
{ id: "haircut", badge: "Essential", price: "€20", subtitle: "Professional Haircut", features: ["Precision Cut", "Professional Styling"] },
|
||||
{ id: "pro", badge: "Popular", price: "€30", subtitle: "Hair & Beard", features: ["Precision Cut", "Expert Beard Sculpting", "Hot Towel Finish"] },
|
||||
{ id: "elite", badge: "Best Value", badgeIcon: Star, price: "€50", subtitle: "The Elite Care", features: ["Haircut & Beard", "Full Treatment", "Scalp Massage", "Premium Styling"] },
|
||||
]}
|
||||
title="Professional Grooming Tiers"
|
||||
description="Transparent pricing for high-end results."
|
||||
@@ -138,21 +106,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Markus S.", role: "Client", company: "Local Regular", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg"},
|
||||
{
|
||||
id: "2", name: "Lukas W.", role: "Client", company: "Business", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-smiling-young-hairdesser-wearing-gray-apron-holding-comb-cutting-hair-with-scissor-pastel-blue-color-background_140725-155271.jpg"},
|
||||
{
|
||||
id: "3", name: "Ahmed K.", role: "Client", company: "Frequent Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shaving-process-small-dog-sits-table-dog-shaved-by-professional_1157-48803.jpg"},
|
||||
{
|
||||
id: "4", name: "Stefan R.", role: "Client", company: "Returning", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230940.jpg"},
|
||||
{
|
||||
id: "5", name: "Thomas V.", role: "Client", company: "New Guest", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-wearing-black-leather-jacket_613910-2738.jpg"},
|
||||
{ id: "1", name: "Markus S.", role: "Client", company: "Local Regular", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg" },
|
||||
{ id: "2", name: "Lukas W.", role: "Client", company: "Business", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-smiling-young-hairdesser-wearing-gray-apron-holding-comb-cutting-hair-with-scissor-pastel-blue-color-background_140725-155271.jpg" },
|
||||
{ id: "3", name: "Ahmed K.", role: "Client", company: "Frequent Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/shaving-process-small-dog-sits-table-dog-shaved-by-professional_1157-48803.jpg" },
|
||||
{ id: "4", name: "Stefan R.", role: "Client", company: "Returning", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230940.jpg" },
|
||||
{ id: "5", name: "Thomas V.", role: "Client", company: "New Guest", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-wearing-black-leather-jacket_613910-2738.jpg" },
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="Trusted by the gentlemen of Salzburg."
|
||||
@@ -162,17 +120,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Visit Us"
|
||||
title="Ready for a transformation?"
|
||||
description="Gaswerkgasse 22, 5020 Salzburg | +43 681 20789477"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now", href: "tel:+4368120789477"},
|
||||
{
|
||||
text: "Get Directions", href: "https://maps.app.goo.gl/..."},
|
||||
]}
|
||||
buttons={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -180,34 +132,9 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="ALSHAMI FRISEUR"
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Haircuts", href: "#services"},
|
||||
{
|
||||
label: "Shaving", href: "#services"},
|
||||
{
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Location", items: [
|
||||
{
|
||||
label: "Gaswerkgasse 22", href: "#contact"},
|
||||
{
|
||||
label: "5020 Salzburg", href: "#contact"},
|
||||
{
|
||||
label: "Austria", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Imprint", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Haircuts", href: "#services" }, { label: "Shaving", href: "#services" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Location", items: [{ label: "Gaswerkgasse 22", href: "#contact" }, { label: "5020 Salzburg", href: "#contact" }, { label: "Austria", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Imprint", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Alshami Friseur. All Rights Reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user