bender/c6be2231-23af-4d2b-883c-8b5d30988ccd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main

Browse Source 
Merge version_3 into main
This commit was merged in pull request #5.
This commit is contained in:
bender
2026-03-12 18:45:38 +00:00
parent 89bb8cd496 53c9c2c045
commit c7b02ac3b9
2 changed files with 92 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
src/app/page.tsx
View File

@@ -9,7 +9,7 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Award, Scissors, MessageSquare, TrendingUp, Phone, Users, Star, Clock } from 'lucide-react';
import { Award, Scissors, MessageSquare, TrendingUp, Phone, Users, Star, Clock, MapPin, WhatsApp, Clock as ClockIcon } from 'lucide-react';
export default function LandingPage() {
const navItems = [
@@ -234,6 +234,80 @@ export default function LandingPage() {
/>
</div>
<div id="location-contact" data-section="location-contact" className="w-full py-16 md:py-20 px-4 md:px-6">
<div className="max-w-4xl mx-auto">
<div className="mb-12 text-center md:text-left">
<div className="inline-flex items-center gap-2 mb-4">
<MapPin className="w-5 h-5" />
<span className="text-sm font-medium">Location & Contact</span>
</div>
<h2 className="text-3xl md:text-4xl font-bold mb-4">Visit Us in Erbil</h2>
<p className="text-foreground/75 text-lg">Find us and get in touch with our team for premium barbering services</p>
</div>
<div className="grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12">
{/* Map Section */}
<div className="rounded-lg overflow-hidden shadow-lg h-80 md:h-96">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3155.8974300000003!2d44.0059!3d36.1914!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2sArez%20Barbershop%20Erbil!5e0!3m2!1sen!2siq!4v1234567890"
width="100%"
height="100%"
style={{ border: 0 }}
allowFullScreen={true}
loading="lazy"
referrerPolicy="no-referrer-when-downgrade"
title="Arez Barbershop Location Map"
className="w-full h-full"
/>
</div>
{/* Contact Information */}
<div className="space-y-8">
{/* Phone */}
<div className="flex gap-4">
<div className="flex-shrink-0">
<Phone className="w-6 h-6 text-primary-cta mt-1" />
</div>
<div>
<h3 className="text-lg font-semibold mb-2">Phone</h3>
<a href="tel:+9647501234567" className="text-foreground/75 hover:text-primary-cta transition-colors">
+964 750 123 4567
</a>
</div>
</div>
{/* WhatsApp */}
<div className="flex gap-4">
<div className="flex-shrink-0">
<WhatsApp className="w-6 h-6 text-primary-cta mt-1" />
</div>
<div>
<h3 className="text-lg font-semibold mb-2">WhatsApp</h3>
<a href="https://wa.me/9647501234567" target="_blank" rel="noopener noreferrer" className="text-foreground/75 hover:text-primary-cta transition-colors">
Message us on WhatsApp
</a>
</div>
</div>
{/* Business Hours */}
<div className="flex gap-4">
<div className="flex-shrink-0">
<ClockIcon className="w-6 h-6 text-primary-cta mt-1" />
</div>
<div>
<h3 className="text-lg font-semibold mb-2">Business Hours</h3>
<div className="text-foreground/75 space-y-1 text-sm md:text-base">
<p>Monday - Friday: 9:00 AM - 8:00 PM</p>
<p>Saturday: 10:00 AM - 7:00 PM</p>
<p>Sunday: 10:00 AM - 6:00 PM</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Get in Touch"
@@ -255,18 +329,18 @@ export default function LandingPage() {
{
title: 'Services',
items: [
{ label: 'Haircuts', href: '#services' },
{ label: 'Beard Grooming', href: '#services' },
{ label: 'Hair Treatment', href: '#services' },
{ label: 'Shaving', href: '#services' }
{ label: 'Haircuts', href: 'services' },
{ label: 'Beard Grooming', href: 'services' },
{ label: 'Hair Treatment', href: 'services' },
{ label: 'Shaving', href: 'services' }
]
},
{
title: 'Company',
items: [
{ label: 'About Us', href: '#about' },
{ label: 'Testimonials', href: '#testimonials' },
{ label: 'Contact', href: '#contact' },
{ label: 'About Us', href: 'about' },
{ label: 'Testimonials', href: 'testimonials' },
{ label: 'Contact', href: 'contact' },
{ label: 'Privacy Policy', href: '#' }
]
},
@@ -275,14 +349,14 @@ export default function LandingPage() {
items: [
{ label: 'Facebook', href: 'https://facebook.com' },
{ label: 'Instagram', href: 'https://instagram.com' },
{ label: 'WhatsApp', href: '#' },
{ label: 'WhatsApp', href: 'https://wa.me/9647501234567' },
{ label: 'Email', href: 'mailto:contact@arezbarbershop.com' }
]
}
]}
copyrightText="© 2025 Arez Barbershop | Erbil, Iraq"
copyrightText="© 2025 Arez Barbershop | Erbil, Iraq | Premium Barber Services"
/>
</div>
</ThemeProvider>
);
}
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #120a00e6;
--primary-cta: #ff8c42;
--background: #1a1a1a;
--card: #242424;
--foreground: #f5f5f5;
--primary-cta: #d4af37;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta: #2a2a2a;
--secondary-cta-text: #120a00e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--accent: #d4af37;
--background-accent: #3a3a3a;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);