16 Commits

Author SHA1 Message Date
5584c36b79 Update src/app/page.tsx 2026-06-07 21:04:39 +00:00
7ebaeb7a13 Merge version_5 into main
Merge version_5 into main
2026-06-03 22:56:19 +00:00
8d0c2696d3 Update src/app/page.tsx 2026-06-03 22:56:16 +00:00
23f2d32664 Merge version_4 into main
Merge version_4 into main
2026-06-03 22:54:11 +00:00
2480640e22 Update src/app/page.tsx 2026-06-03 22:54:08 +00:00
085bfeecab Merge version_3 into main
Merge version_3 into main
2026-06-03 22:51:51 +00:00
0747c0c799 Update src/app/page.tsx 2026-06-03 22:51:45 +00:00
fc53c98988 Merge version_2 into main
Merge version_2 into main
2026-06-03 22:48:20 +00:00
13ed4315a9 Update src/app/page.tsx 2026-06-03 22:48:16 +00:00
1544418b82 Merge version_2 into main
Merge version_2 into main
2026-06-03 22:39:12 +00:00
48356716eb Update src/app/page.tsx 2026-06-03 22:39:09 +00:00
a69ec3b0bd Merge version_2 into main
Merge version_2 into main
2026-06-03 22:38:43 +00:00
ced7163316 Update src/app/styles/variables.css 2026-06-03 22:38:39 +00:00
eba1a7866c Update src/app/styles/base.css 2026-06-03 22:38:39 +00:00
4542b031ec Update src/app/page.tsx 2026-06-03 22:38:38 +00:00
61dd8dcc52 Update src/app/layout.tsx 2026-06-03 22:38:38 +00:00
4 changed files with 89 additions and 276 deletions

View File

@@ -6,23 +6,20 @@ import "@/lib/gsap-setup";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script"; import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Archivo } from "next/font/google";
const halant = Halant({
variable: "--font-halant",
subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: 'Elite Estates | Luxury Real Estate & Homes for Sale', title: 'Thor\'s Hammer Roofing | Built to Withstand Anything',
description: 'Discover unparalleled luxury homes and exclusive properties with Elite Estates. Your premier partner for high-end real estate, offering bespoke service and exceptional listings.', description: 'Premium roofing services for homeowners seeking quality, durability, and trust. Specializing in installation, repair, inspection, and storm damage.',
}; };
const archivo = Archivo({
variable: "--font-archivo", subsets: ["latin"],
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
});
export default function RootLayout({ export default function RootLayout({
children, children,
}: Readonly<{ }: Readonly<{
@@ -31,9 +28,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body className={`${archivo.variable} antialiased`}>
className={`${halant.variable} ${inter.variable} antialiased`}
>
<Tag /> <Tag />
{children} {children}
<script <script

View File

@@ -3,149 +3,91 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery'; import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MediaAbout from '@/components/sections/about/MediaAbout'; import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree'; import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree'; import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive'; import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCTA from '@/components/sections/contact/ContactCTA'; import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterSimple from '@/components/sections/footer/FooterSimple'; import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Sparkles, Home, Shield, Award, Star, Mail, TrendingUp, DollarSign, Users } from "lucide-react"; import { Hammer, Home, ShieldCheck, Award, Star, Mail, CalendarDays } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="hover-magnetic" defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="pill" borderRadius="rounded"
contentWidth="mediumSmall" contentWidth="mediumSmall"
sizing="mediumLarge" sizing="largeSizeMediumTitles"
background="none" background="noise"
cardStyle="glass-elevated" cardStyle="solid"
primaryButtonStyle="primary-glow" primaryButtonStyle="radial-glow"
secondaryButtonStyle="radial-glow" secondaryButtonStyle="solid"
headingFontWeight="medium" headingFontWeight="extrabold"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
brandName="Luxe Properties" brandName="Thor's Hammer Roofing"
navItems={[ navItems={[
{ name: "Properties", id: "properties" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" }, { name: "Services", id: "services" },
{ name: "Team", id: "team" }, { name: "About", id: "about" },
{ name: "Trust", id: "metrics" },
{ name: "Testimonials", id: "testimonials" }, { name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" } { name: "Contact", id: "contact" }
]} ]}
button={{ text: "Schedule Viewing", href: "contact" }} button={{ text: "Get a Free Quote", href: "#contact" }}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardGallery <HeroBillboardGallery
title="Discover Luxury Living in Dubai" title="Built to Withstand Anything"
description="Exclusive properties curated for discerning buyers. Experience the pinnacle of sophistication with our award-winning real estate portfolio." description="Thor's Hammer Roofing delivers premium protection and unmatched durability for your home. Experience the strength of true craftsmanship."
background={{ variant: "gradient-bars" }} background={{ variant: "gradient-bars" }}
tag="Premium Collections" tag="Unbreakable Quality"
tagIcon={Sparkles} tagIcon={Hammer}
buttons={[ buttons={[
{ text: "Explore Properties", href: "properties" }, { text: "Get Your Free Quote", href: "#contact" },
{ text: "Contact Agent", href: "contact" } { text: "View Our Services", href: "#services" }
]} ]}
mediaItems={[ mediaItems={[
{ {
imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EYnezFJ1ZeM41Reh2j46V6O7DH/tmp/roofing-installation-at-sunset-1780526550478-c4e960c1.png", imageAlt: "Roof installation in progress"
imageAlt: "Luxury penthouse in Dubai Marina"
}, },
{ {
imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EYnezFJ1ZeM41Reh2j46V6O7DH/tmp/workers-carrying-shingles-in-front-of-a--1780526664520-24586379.png", imageAlt: "Close-up of durable roofing shingles"
imageAlt: "Dubai skyline at night"
}, },
{ {
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EYnezFJ1ZeM41Reh2j46V6O7DH/tmp/a-pov-angle-of-a-worker-nail-gunning-a-s-1780526745936-81a26f21.png", imageAlt: "Roofer working on a roof"
imageAlt: "Modern luxury exterior design"
}, },
{ {
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EYnezFJ1ZeM41Reh2j46V6O7DH/tmp/roofing-worker-shaking-hands-with-happy--1780526812414-1f3b8e0d.png", imageAlt: "Roofing team inspecting a roof"
imageAlt: "Contemporary luxury architecture"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",
imageAlt: "Spacious modern interior with panoramic view"
} }
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
</div> </div>
<div id="properties" data-section="properties">
<ProductCardFour
title="Featured Properties"
description="Handpicked luxury properties showcasing the finest real estate opportunities in Dubai's most prestigious locations."
tag="Exclusive Listings"
tagIcon={Home}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
gridVariant="uniform-all-items-equal"
carouselMode="buttons"
buttons={[
{ text: "See all properties", href: "/properties" }
]}
products={[
{
id: "1",
name: "Palm Jumeirah Villa",
price: "AED 12,500,000",
variant: "5 Bed Villa | Beachfront",
imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg",
imageAlt: "Luxury villa on Palm Jumeirah",
isFavorited: false,
onProductClick: () => window.location.href = "/property/palm-jumeirah-villa"
},
{
id: "2",
name: "Downtown Dubai Penthouse",
price: "AED 8,750,000",
variant: "4 Bed Penthouse | City View",
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg",
imageAlt: "Modern penthouse in Downtown Dubai",
isFavorited: false
},
{
id: "3",
name: "Emirates Hills Townhouse",
price: "AED 6,200,000",
variant: "4 Bed Townhouse | Golf View",
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg",
imageAlt: "Contemporary townhouse in Emirates Hills",
isFavorited: false
}
]}
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<MediaAbout <MediaAbout
title="Your Trusted Dubai Real Estate Partner" title="Your Foundation of Trust in Roofing"
description="With over 15 years of excellence in Dubai's luxury real estate market, we have established ourselves as the premier boutique agency for discerning international clientele. Our expert team specializes in sourcing and curating the finest properties across Dubai's most exclusive communities. We combine market mastery with personalized service, ensuring every transaction is seamless and satisfying." description="For over two decades, Thor's Hammer Roofing has stood as a beacon of reliability and unparalleled craftsmanship in the roofing industry. We are dedicated to providing homeowners with robust, long-lasting roofing solutions, from expert installations to emergency storm damage repairs. Our commitment to quality ensures every roof is built to withstand anything."
tag="About Us" tag="Our Story"
imageSrc="https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg" imageSrc="https://images.unsplash.com/photo-1587570188722-b5cf2873130d?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=2"
imageAlt="Luxe Properties Dubai team" imageAlt="Thor's Hammer Roofing team"
useInvertedBackground={false} useInvertedBackground={false}
buttons={[ buttons={[
{ text: "Learn Our Story", href: "#" } { text: "Discover Our Commitment", href: "#about" }
]} ]}
/> />
</div> </div>
<div id="services" data-section="services"> <div id="services" data-section="services">
<FeatureCardThree <FeatureCardThree
title="Our Services & Expertise" title="Our Unyielding Roofing Services"
description="Comprehensive real estate solutions tailored to meet your unique needs and aspirations." description="Built on a foundation of strength and precision, we protect your home with unparalleled craftsmanship and durable materials."
tag="Professional Services" tag="Comprehensive Solutions"
tagIcon={Shield} tagIcon={ShieldCheck}
textboxLayout="default" textboxLayout="default"
animationType="slide-up" animationType="slide-up"
useInvertedBackground={true} useInvertedBackground={true}
@@ -153,75 +95,16 @@ export default function LandingPage() {
carouselMode="buttons" carouselMode="buttons"
features={[ features={[
{ {
title: "Property Selection", title: "New Roof Installation", description: "Expert installation of durable roofing systems for new constructions and complete replacements.", imageSrc: "https://images.unsplash.com/photo-1518705009163-f9387c97561f?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=2", imageAlt: "Roof installation"
description: "Exclusive access to off-market and hand-selected luxury properties",
imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",
imageAlt: "Property selection"
}, },
{ {
title: "Investment Advisory", title: "Roof Repair & Maintenance", description: "Prompt and effective repairs for leaks, damaged shingles, and general wear and tear to extend roof life.", imageSrc: "https://images.unsplash.com/photo-1627796464010-384407b4f535?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=2", imageAlt: "Roof repair"
description: "Expert insights into market trends and investment opportunities",
imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg",
imageAlt: "Investment advisory"
}, },
{ {
title: "Negotiation & Closing", title: "Thorough Roof Inspections", description: "Comprehensive assessments to identify potential issues and ensure the structural integrity of your roof.", imageSrc: "https://images.unsplash.com/photo-1547701323-28f0e0c09191?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=2", imageAlt: "Roof inspection"
description: "Strategic negotiation and seamless transaction management",
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg",
imageAlt: "Negotiation and closing"
}, },
{ {
title: "Legal Compliance", title: "Storm Damage Restoration", description: "Rapid response and expert repair for roofs impacted by severe weather, including insurance claim assistance.", imageSrc: "https://images.unsplash.com/photo-1587570188722-b5cf2873130d?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=3", imageAlt: "Storm damage repair"
description: "Full support with documentation, permits, and regulatory compliance",
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg",
imageAlt: "Legal compliance"
},
{
title: "Property Management",
description: "Professional management services for rental income optimization",
imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",
imageAlt: "Property management"
},
{
title: "Concierge Services",
description: "White-glove concierge support for renovations and lifestyle services",
imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg",
imageAlt: "Concierge services"
}
]}
/>
</div>
<div id="team" data-section="team">
<TeamCardOne
title="Executive Team"
description="Meet the visionary leaders guiding Luxe Properties with expertise and dedication."
tag="Our Leadership"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
gridVariant="uniform-all-items-equal"
members={[
{
id: "1",
name: "Hassan Al-Maktoum",
role: "Chief Executive Officer",
imageSrc: "https://img.b2bpic.net/free-photo/business-people-using-digital-tablet-airport_107420-95868.jpg",
imageAlt: "Hassan Al-Maktoum"
},
{
id: "2",
name: "Layla Al-Mansoori",
role: "Chief Operating Officer",
imageSrc: "https://img.b2bpic.net/free-photo/attractive-satisfied-young-female-entrepreneur-standing-proud-smiling-with-crossed-hands-confident_197531-23012.jpg?id=13871705",
imageAlt: "Layla Al-Mansoori"
},
{
id: "3",
name: "Marcus Wellington",
role: "Chief Investment Officer",
imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-with-clipboard_1098-602.jpg",
imageAlt: "Marcus Wellington"
} }
]} ]}
/> />
@@ -229,37 +112,25 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardThree <MetricCardThree
title="By The Numbers" title="Our Legacy of Strength"
description="Our proven track record speaks to our commitment and success in Dubai's luxury real estate market." description="Decades of unwavering commitment to protecting homes, one roof at a time, backed by solid numbers."
tag="Track Record" tag="Trusted Performance"
tagIcon={Award} tagIcon={Award}
textboxLayout="default" textboxLayout="default"
animationType="slide-up" animationType="slide-up"
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "1", id: "1", icon: CalendarDays,
icon: Home, title: "Years in Business", value: "25+"
title: "Properties Sold",
value: "450+"
}, },
{ {
id: "2", id: "2", icon: Home,
icon: Users, title: "Roofs Completed", value: "5000+"
title: "Satisfied Clients",
value: "650+"
}, },
{ {
id: "3", id: "3", icon: ShieldCheck,
icon: DollarSign, title: "Warranty Offered", value: "Lifetime"
title: "Total Value",
value: "$2.3B"
},
{
id: "4",
icon: TrendingUp,
title: "International",
value: "45 Countries"
} }
]} ]}
/> />
@@ -267,72 +138,27 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardFive <TestimonialCardFive
title="What Our Clients Say" title="Voices of Unbreakable Trust"
description="Experience through the words of satisfied buyers and investors who found their dream properties with us." description="Hear from homeowners who rely on Thor's Hammer Roofing for enduring quality, unparalleled service, and roofs built to last."
tag="Client Testimonials" tag="Client Success Stories"
tagIcon={Star} tagIcon={Star}
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Marcus Thorne, Homeowner", date: "Date: October 2024", title: "Exceptional Storm Damage Repair", quote: "After the storm, Thor's Hammer Roofing was there immediately. Their storm damage repair was swift, professional, and gave us peace of mind. Truly built to withstand anything!", tag: "Emergency Repair", avatarSrc: "https://img.b2bpic.net/free-photo/young-businessman-with-clipboard_1098-602.jpg", imageSrc: "https://images.unsplash.com/photo-1627796464010-384407b4f535?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=3"
name: "Ahmed Al Mansouri, Real Estate Investor",
date: "Date: September 2024",
title: "Exceptional Service & Market Expertise",
quote: "The team at Luxe Properties demonstrated outstanding knowledge of the Dubai market. Their negotiation skills saved me significant time and money. I would not hesitate to recommend them for any luxury property transaction.",
tag: "Premium Portfolio",
avatarSrc: "https://img.b2bpic.net/free-photo/business-people-using-digital-tablet-airport_107420-95868.jpg",
imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg"
}, },
{ {
id: "2", id: "2", name: "Sarah Chen, Real Estate Agent", date: "Date: September 2024", title: "Flawless New Roof Installation", quote: "Our new roof installation was seamless. The team was efficient, tidy, and the quality is outstanding. Couldn't be happier with Thor's Hammer Roofing!", tag: "New Construction", avatarSrc: "https://img.b2bpic.net/free-photo/attractive-satisfied-young-female-entrepreneur-standing-proud-smiling-with-crossed-hands-confident_197531-23012.jpg?id=13871705", imageSrc: "https://images.unsplash.com/photo-1518705009163-f9387c97561f?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=3"
name: "Sarah Johnson, CEO - Tech Corp",
date: "Date: August 2024",
title: "A Smooth & Sophisticated Experience",
quote: "Finding a penthouse that matched my exacting standards seemed impossible, yet within weeks, the team presented three exceptional options. Their professionalism and attention to detail were impeccable throughout.",
tag: "Penthouse Collection",
avatarSrc: "https://img.b2bpic.net/free-photo/attractive-satisfied-young-female-entrepreneur-standing-proud-smiling-with-crossed-hands-confident_197531-23012.jpg?id=13871705",
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg"
}, },
{ {
id: "3", id: "3", name: "David Lee, Property Manager", date: "Date: August 2024", title: "Reliable Leak Repair Experts", quote: "Needed a tricky leak repair. Thor's Hammer Roofing identified the issue quickly and fixed it right the first time. Exceptional expertise and trustworthy service.", tag: "Roof Repair", avatarSrc: "https://img.b2bpic.net/free-photo/cheerful-businessman-eyeglasses-office_1262-3710.jpg", imageSrc: "https://images.unsplash.com/photo-1547701323-28f0e0c09191?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=3"
name: "Michael Chen, International Investor",
date: "Date: July 2024",
title: "Trusted Partner for International Clients",
quote: "As a foreign investor, I appreciated the comprehensive legal and financial guidance. The team navigated complex regulations effortlessly, allowing me to invest with complete confidence.",
tag: "Investment Advisory",
avatarSrc: "https://img.b2bpic.net/free-photo/young-businessman-with-clipboard_1098-602.jpg",
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg"
}, },
{ {
id: "4", id: "4", name: "Fatima Ahmed, Homeowner", date: "Date: July 2024", title: "Thorough and Transparent Inspection", quote: "The comprehensive inspection provided by Thor's Hammer Roofing gave us full confidence in our roof's condition. Transparent and honest professionals.", tag: "Annual Inspection", avatarSrc: "https://img.b2bpic.net/free-photo/executive-paying-attention-his-partner_1098-4058.jpg", imageSrc: "https://images.unsplash.com/photo-1587570188722-b5cf2873130d?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=4"
name: "Fatima Al-Serkal, Luxury Lifestyle",
date: "Date: June 2024",
title: "Impeccable Taste & Attention to Detail",
quote: "Beyond finding properties, they understand lifestyle. The concierge services and interior design recommendations have transformed my new home into a personal sanctuary.",
tag: "Concierge Services",
avatarSrc: "https://img.b2bpic.net/free-photo/executive-paying-attention-his-partner_1098-4058.jpg",
imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-china_1127-3170.jpg"
}, },
{ {
id: "5", id: "5", name: "James Rodriguez, Contractor", date: "Date: June 2024", title: "Unbeatable Quality and Warranty", quote: "We chose Thor's Hammer Roofing for their lifetime warranty, and their professionalism from quote to completion has been outstanding. True quality.", tag: "Trusted Partner", avatarSrc: "https://img.b2bpic.net/free-photo/smiling-team-leader-looking-camera-group-corporate-meeting_1163-3920.jpg", imageSrc: "https://images.unsplash.com/photo-1518705009163-f9387c97561f?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=4"
name: "David Martinez, Corporate Executive",
date: "Date: May 2024",
title: "Seamless Relocation Experience",
quote: "Moving to Dubai for business, I needed a quick turnaround. Their efficient process and white-glove service made the transition seamless and stress-free.",
tag: "Corporate Solutions",
avatarSrc: "https://img.b2bpic.net/free-photo/smiling-team-leader-looking-camera-group-corporate-meeting_1163-3920.jpg",
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920926.jpg"
},
{
id: "6",
name: "James Richardson, Family Relocation",
date: "Date: April 2024",
title: "Perfect Home for Family Living",
quote: "They truly understood what our family needed. The search process was collaborative and transparent, resulting in finding our perfect family home in Emirates Hills.",
tag: "Family Properties",
avatarSrc: "https://img.b2bpic.net/free-photo/cheerful-businessman-eyeglasses-office_1262-3710.jpg",
imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920931.jpg"
} }
]} ]}
/> />
@@ -340,15 +166,15 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCTA <ContactCTA
tag="Get In Touch" tag="Get a Free Estimate"
tagIcon={Mail} tagIcon={Mail}
title="Ready to Find Your Dream Property?" title="Ready to Forge Your Strongest Roof?"
description="Let our expert team guide you through your luxury real estate journey. Schedule a consultation today and discover properties that match your vision and investment goals." description="Contact Thor's Hammer Roofing today for a complimentary inspection and quote. Our experts are ready to build or repair your roof with unparalleled strength and reliability."
background={{ variant: "sparkles-gradient" }} background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false} useInvertedBackground={false}
buttons={[ buttons={[
{ text: "Schedule Consultation", href: "#" }, { text: "Request a Quote", href: "#contact" },
{ text: "Browse Listings", href: "#properties" } { text: "Call Us Now", href: "tel:+1234567890" }
]} ]}
/> />
</div> </div>
@@ -357,43 +183,35 @@ export default function LandingPage() {
<FooterSimple <FooterSimple
columns={[ columns={[
{ {
title: "Company", title: "Company", items: [
items: [
{ label: "About Us", href: "#about" }, { label: "About Us", href: "#about" },
{ label: "Our Services", href: "#services" }, { label: "Our Services", href: "#services" },
{ label: "Executive Team", href: "#team" },
{ label: "Properties", href: "#properties" },
{ label: "Contact", href: "#contact" } { label: "Contact", href: "#contact" }
] ]
}, },
{ {
title: "Resources", title: "Resources", items: [
items: [ { label: "Roofing Guide", href: "#" },
{ label: "Investment Guide", href: "#" }, { label: "Maintenance Tips", href: "#" },
{ label: "Market Reports", href: "#" }, { label: "FAQ", href: "#" }
{ label: "FAQ", href: "#" },
{ label: "Blog", href: "#" }
] ]
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ label: "Privacy Policy", href: "#" }, { label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" }, { label: "Terms of Service", href: "#" }
{ label: "Cookie Policy", href: "#" }
] ]
}, },
{ {
title: "Connect", title: "Connect", items: [
items: [
{ label: "LinkedIn", href: "#" }, { label: "LinkedIn", href: "#" },
{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" },
{ label: "WhatsApp", href: "#" } { label: "Instagram", href: "#" }
] ]
} }
]} ]}
bottomLeftText="© 2025 Luxe Properties Dubai. All rights reserved." bottomLeftText="© 2025 Thor's Hammer Roofing. All rights reserved."
bottomRightText="Luxury Real Estate Excellence" bottomRightText="Built to Withstand Anything"
/> />
</div> </div>
</ThemeProvider> </ThemeProvider>

View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-inter-tight), sans-serif; font-family: var(--font-archivo), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-inter-tight), sans-serif; font-family: var(--font-archivo), sans-serif;
} }

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #ffffff; --background: #0A0A0A;
--card: #f5f5f5; --card: #1A1A1A;
--foreground: #000000; --foreground: #FFFFFF;
--primary-cta: #000000; --primary-cta: #00BFFF;
--primary-cta-text: #ffffff; --primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9; --secondary-cta: #010101;
--secondary-cta-text: #000000; --secondary-cta-text: #000000;
--accent: #e6e6e6; --accent: #00BFFF;
--background-accent: #d0d0d0; --background-accent: #00BFFF;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);