From a8c3ca3798dffe59d9cb93d14475cb9bfb64be0b Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 5 Mar 2026 13:52:14 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 54 ++++++++++++++++++++++++++++++------------------ 1 file changed, 34 insertions(+), 20 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 9102a0f..6f8cc09 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -9,7 +9,7 @@ import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCar import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia"; import ContactSplitForm from "@/components/sections/contact/ContactSplitForm"; import FooterBase from "@/components/sections/footer/FooterBase"; -import { Scissors, Trim, Palette, Sparkles, Info, Star, HelpCircle } from "lucide-react"; +import { Scissors, Palette, Sparkles, Info, Star, HelpCircle } from "lucide-react"; export default function LandingPage() { return ( @@ -19,7 +19,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="smallMedium" sizing="mediumLargeSizeMediumTitles" - background="aurora" + background="circleGradient" cardStyle="gradient-radial" primaryButtonStyle="gradient" secondaryButtonStyle="solid" @@ -45,8 +45,8 @@ export default function LandingPage() { description="Welcome to Arne Frisør, where traditional craftsmanship meets modern style. We deliver expert haircuts, beard grooming, and personalized styling in a welcoming atmosphere." tag="Etablert siden 2010" tagIcon={Scissors} - background={{ variant: "aurora" }} - imageSrc="http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg?_wi=1" + background={{ variant: "glowing-orb" }} + imageSrc="http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg" imageAlt="Modern barbershop interior at Arne Frisør" mediaAnimation="slide-up" imagePosition="right" @@ -71,6 +71,7 @@ export default function LandingPage() { imageSrc="http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-with-scissors-comb-barbershop-close-up-photo_613910-18538.jpg" imageAlt="Expert barber providing professional service" mediaAnimation="slide-up" + metricsAnimation="slide-up" useInvertedBackground={false} /> @@ -87,13 +88,16 @@ export default function LandingPage() { features={[ { icon: Scissors, - title: "Professional Haircuts", description: "Expert cuts from classic to contemporary styles. Our barbers use precision techniques to ensure perfect shape and proportions every time."}, + title: "Professional Haircuts", description: "Expert cuts from classic to contemporary styles. Our barbers use precision techniques to ensure perfect shape and proportions every time." + }, { - icon: Trim, - title: "Beard Grooming", description: "Complete beard care including trimming, shaping, and styling. We use premium products to keep your beard looking sharp and healthy."}, + icon: Sparkles, + title: "Beard Grooming", description: "Complete beard care including trimming, shaping, and styling. We use premium products to keep your beard looking sharp and healthy." + }, { icon: Palette, - title: "Hair Coloring", description: "Professional hair coloring and dyeing services using premium products. From subtle highlights to bold transformations."}, + title: "Hair Coloring", description: "Professional hair coloring and dyeing services using premium products. From subtle highlights to bold transformations." + }, ]} /> @@ -111,16 +115,20 @@ export default function LandingPage() { testimonials={[ { id: "1", name: "Johan Olsen", role: "Regular Customer", company: "Nesttun", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1563.jpg", imageAlt: "Johan Olsen"}, + imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1563.jpg", imageAlt: "Johan Olsen" + }, { id: "2", name: "Per Hansen", role: "Long-time Client", company: "Bergen", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/happy-handsome-guy-showing-call-me-sign_1262-17046.jpg", imageAlt: "Per Hansen"}, + imageSrc: "http://img.b2bpic.net/free-photo/happy-handsome-guy-showing-call-me-sign_1262-17046.jpg", imageAlt: "Per Hansen" + }, { id: "3", name: "Erik Andersen", role: "Satisfied Customer", company: "Nesttun", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "Erik Andersen"}, + imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "Erik Andersen" + }, { id: "4", name: "Thomas Sørensen", role: "Regular", company: "Bergen", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/brazilian-young-man-standing-brick-wall-inviting-enter-smiling-natural-with-open-hand_839833-16992.jpg", imageAlt: "Thomas Sørensen"}, + imageSrc: "http://img.b2bpic.net/free-photo/brazilian-young-man-standing-brick-wall-inviting-enter-smiling-natural-with-open-hand_839833-16992.jpg", imageAlt: "Thomas Sørensen" + }, ]} /> @@ -133,24 +141,30 @@ export default function LandingPage() { tagIcon={HelpCircle} textboxLayout="default" useInvertedBackground={false} - imageSrc="http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg" imageAlt="Arne Frisør barbershop" mediaAnimation="slide-up" mediaPosition="left" faqsAnimation="slide-up" faqs={[ { - id: "1", title: "How do I book an appointment?", content: "You can book an appointment through our contact form or call us directly. We typically have availability within 1-2 days."}, + id: "1", title: "How do I book an appointment?", content: "You can book an appointment through our contact form or call us directly. We typically have availability within 1-2 days." + }, { - id: "2", title: "What are your opening hours?", content: "We are open Monday to Friday 9:00 AM - 6:00 PM, and Saturday 10:00 AM - 4:00 PM. Closed Sundays."}, + id: "2", title: "What are your opening hours?", content: "We are open Monday to Friday 9:00 AM - 6:00 PM, and Saturday 10:00 AM - 4:00 PM. Closed Sundays." + }, { - id: "3", title: "Do you accept walk-ins?", content: "We accept walk-ins based on availability. For guaranteed service, we recommend booking in advance."}, + id: "3", title: "Do you accept walk-ins?", content: "We accept walk-ins based on availability. For guaranteed service, we recommend booking in advance." + }, { - id: "4", title: "What payment methods do you accept?", content: "We accept cash, credit cards, and mobile payment solutions including Vipps."}, + id: "4", title: "What payment methods do you accept?", content: "We accept cash, credit cards, and mobile payment solutions including Vipps." + }, { - id: "5", title: "How long does a typical haircut take?", content: "A standard haircut usually takes 30-45 minutes. Beard grooming and additional services may take longer."}, + id: "5", title: "How long does a typical haircut take?", content: "A standard haircut usually takes 30-45 minutes. Beard grooming and additional services may take longer." + }, { - id: "6", title: "Do you offer gift certificates?", content: "Yes, we offer gift certificates in various amounts. Perfect for a gift for someone special."}, + id: "6", title: "Do you offer gift certificates?", content: "Yes, we offer gift certificates in various amounts. Perfect for a gift for someone special." + }, ]} /> @@ -169,7 +183,7 @@ export default function LandingPage() { required: true, }} useInvertedBackground={false} - imageSrc="http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg?_wi=3" + imageSrc="http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg" imageAlt="Contact Arne Frisør" mediaAnimation="slide-up" mediaPosition="right" -- 2.49.1