12 Commits

Author SHA1 Message Date
a18bebd1d2 Update src/app/page.tsx 2026-03-06 17:34:58 +00:00
289d797539 Merge version_4 into main
Merge version_4 into main
2026-03-06 17:32:38 +00:00
318d9f7a37 Update src/app/page.tsx 2026-03-06 17:32:34 +00:00
e68257d43a Update src/app/layout.tsx 2026-03-06 17:32:33 +00:00
406781540f Merge version_3 into main
Merge version_3 into main
2026-03-06 17:30:56 +00:00
becf2ef8d4 Update src/app/page.tsx 2026-03-06 17:30:52 +00:00
381e8e4a47 Merge version_3 into main
Merge version_3 into main
2026-03-06 17:29:38 +00:00
9404113f98 Update src/app/page.tsx 2026-03-06 17:29:34 +00:00
4dde058531 Merge version_3 into main
Merge version_3 into main
2026-03-06 17:28:25 +00:00
e098da26ed Update src/app/page.tsx 2026-03-06 17:28:21 +00:00
a3d7d993bf Merge version_2 into main
Merge version_2 into main
2026-03-06 17:26:34 +00:00
718143afcf Merge version_2 into main
Merge version_2 into main
2026-03-06 17:25:44 +00:00
2 changed files with 20 additions and 62 deletions

View File

@@ -1,59 +1,28 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Halant } from "next/font/google"; import { Geist, Geist_Mono } from "next/font/google";
import { Inter } from "next/font/google";
import { Mulish } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({ const geist = Geist({
variable: "--font-halant", subsets: ["latin"], variable: "--font-geist-sans", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
}); });
const inter = Inter({ const geistMono = Geist_Mono({
variable: "--font-inter", subsets: ["latin"], variable: "--font-geist-mono", subsets: ["latin"],
});
const mulish = Mulish({
variable: "--font-mulish", subsets: ["latin"],
}); });
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Premium Modular Homes | Sustainable Architecture", description: "Build your dream home in weeks. Sustainable, customizable modular homes designed for modern living. Luxury architecture meets eco-conscious design.", keywords: "modular homes, sustainable architecture, prefab homes, luxury homes, Scandinavian design, eco-friendly construction", metadataBase: new URL("https://modularliving.com"), title: "Modular Living - Build Your Dream Home in Weeks", description: "Sustainable, architecturally stunning modular homes designed for modern living. Build your dream home in weeks, not years."};
alternates: {
canonical: "https://modularliving.com"
},
openGraph: {
title: "Premium Modular Homes | Sustainable Architecture", description: "Experience luxury modular homes built with sustainable materials and intelligent design. From concept to completion in weeks.", url: "https://modularliving.com", siteName: "Modular Living", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/long-shot-runner-taking-break_23-2148274732.jpg", alt: "Luxury modular home in nature"
}
]
},
twitter: {
card: "summary_large_image", title: "Premium Modular Homes | Sustainable Architecture", description: "Luxury modular homes built sustainably. Design, manufacture, and installation in weeks.", images: ["http://img.b2bpic.net/free-photo/long-shot-runner-taking-break_23-2148274732.jpg"]
},
robots: {
index: true,
follow: true
}
};
export default function RootLayout({ export default function RootLayout({
children, children,
}: Readonly<{ }: {
children: React.ReactNode; children: React.ReactNode;
}>) { }) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en">
<ServiceWrapper> <body className={`${geist.variable} ${geistMono.variable} antialiased`}>
<body {children}
className={`${halant.variable} ${inter.variable} ${mulish.variable} antialiased`}
>
<Tag />
{children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: ` __html: `
@@ -1421,7 +1390,6 @@ export default function RootLayout({
}} }}
/> />
</body> </body>
</ServiceWrapper>
</html> </html>
); );
} }

View File

@@ -2,7 +2,7 @@
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 HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo'; import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree'; import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne'; import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen'; import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
@@ -42,26 +42,16 @@ export default function LandingPage() {
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroCarouselLogo <HeroBillboardScroll
logoText="MODULAR" title="Build your dream home in weeks, not years"
description="Build your dream home in weeks, not years. Sustainable, architecturally stunning modular homes designed for the modern lifestyle." description="Sustainable, architecturally stunning modular homes designed for the modern lifestyle."
slides={[ background={{ variant: "plain" }}
{ imageSrc="http://img.b2bpic.net/free-photo/photorealistic-wooden-house-with-timber-structure_23-2151302616.jpg?_wi=2"
imageSrc: "http://img.b2bpic.net/free-photo/path-leads-white-building-green-hill_1304-3762.jpg?_wi=1", imageAlt: "Beautiful modular home in forest" imageAlt="Modular home exterior"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-with-timber-structure_23-2151302616.jpg?_wi=1", imageAlt: "Modern modular home design"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/home-interior-with-decorative-items-wooden-table_169016-1693.jpg?_wi=1", imageAlt: "Luxurious modular interior"
}
]}
buttons={[ buttons={[
{ text: "Explore Models", href: "models" }, { text: "Explore Models", href: "models" },
{ text: "Book Consultation", href: "contact" } { text: "Book Consultation", href: "contact" }
]} ]}
autoplayDelay={5000}
showDimOverlay={true}
ariaLabel="Hero section for modular homes landing page" ariaLabel="Hero section for modular homes landing page"
/> />
</div> </div>
@@ -211,7 +201,7 @@ export default function LandingPage() {
tag="Start Your Project" tag="Start Your Project"
tagIcon={Sparkles} tagIcon={Sparkles}
title="Ready to Build Your Dream Home?" title="Ready to Build Your Dream Home?"
description="Connect with our design team today. Get personalized guidance on your modular home journey, from concept to completion." description="Schedule a free 20-minute consultation with our design team. We'll guide you through options, timeline, and pricing."
background={{ variant: "downward-rays-animated-grid" }} background={{ variant: "downward-rays-animated-grid" }}
useInvertedBackground={true} useInvertedBackground={true}
inputPlaceholder="your@email.com" inputPlaceholder="your@email.com"