Merge version_1 into main #6

Merged
bender merged 2 commits from version_1 into main 2026-04-17 13:37:21 +00:00
2 changed files with 69 additions and 23 deletions

View File

@@ -11,8 +11,8 @@ import { Libre_Baskerville, Inter } from "next/font/google";
export const metadata: Metadata = {
title: 'Empire Roofing - Missouri\'s Most Trusted Experts',
description: 'Professional roofing services for Missouri homeowners, offering inspection, repair, and full replacements with insurance claims assistance.',
title: 'Home | Webild',
description: 'Welcome to our platform. Explore our services, products, and contact us for more information.',
openGraph: {
"title": "Empire Roofing & Construction",
"description": "Missouri's Most Trusted Roofing Experts.",

View File

@@ -1,39 +1,85 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroOverlayTestimonial from "@/components/sections/hero/HeroOverlayTestimonial";
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterSimple from "@/components/sections/footer/FooterSimple";
'use client';
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
{ name: "Services", id: "/services" }
];
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Star, Shield, ArrowRight } from 'lucide-react';
export default function HomePage() {
const navItems = [
{ name: "Home", id: "/" }
];
return (
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline navItems={navItems} brandName="Empire Roofing" button={{ text: "Get Quote", href: "/contact" }} />
<NavbarLayoutFloatingInline navItems={navItems} />
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial title="Missouris Most Trusted Roofing Experts" description="Roof Repairs • Insurance Claims • Full Replacements — Done Right the First Time" testimonials={[{ name: "Kevin James", handle: "Homeowner", testimonial: "Professional. Honest. No shortcuts.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg" }, { name: "Mark Mann", handle: "Homeowner", testimonial: "Out of 6 quotes, Empire was the only one that truly knew their craft.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-mother-home_23-2148321636.jpg" }, { name: "Ken Watson", handle: "Homeowner", testimonial: "They handled my insurance claim when it was denied and got it approved.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-male-employee-white-collar-shirt-smiling-camera-standing-self-assured-against-studio-background_1258-26761.jpg" }, { name: "Mary Tuggle", handle: "Homeowner", testimonial: "Crew was clean, professional, and followed up.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg" }, { name: "Local Resident", handle: "Homeowner", testimonial: "Best service in Springfield area, hands down.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5365.jpg" }]} imageSrc="http://img.b2bpic.net/free-photo/old-stone-building-with-blue-sky_23-2148252732.jpg" />
<HeroOverlayTestimonial
title="Welcome to Our Platform"
description="Experience the next generation of digital solutions designed for your growth."
testimonials={[
{ name: "John Doe", handle: "@johndoe", testimonial: "Amazing experience!", rating: 5, imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?q=80&w=200&h=200&auto=format&fit=crop" }
]}
/>
</div>
<div id="services-list" data-section="services-list">
<FeatureCardTwentyFour animationType="slide-up" textboxLayout="split" useInvertedBackground={false} title="Premium Roofing Services" description="Comprehensive care for your biggest asset." features={[{ id: "s1", title: "Roof Inspection", author: "Pro Team", description: "Detailed inspections with photos & videos so you see exactly what we see.", tags: ["Safety", "Analysis"], imageSrc: "http://img.b2bpic.net/free-photo/cute-yellow-rural-house-with-wooden-stairs-countryside_176420-7157.jpg" }, { id: "s2", title: "Roof Repair", author: "Expert Crew", description: "From leaks to storm damage—we fix it fast and correctly.", tags: ["Speed", "Quality"], imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg" }, { id: "s3", title: "Full Replacement", author: "Master Craftsmen", description: "Premium materials, expert installation, built to last decades.", tags: ["Longevity", "Value"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-wooden-house-with-new-roof_23-2149343703.jpg" }, { id: "s4", title: "Insurance Help", author: "Claim Specialists", description: "We fight your insurance so you dont have to.", tags: ["Claims", "Ease"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-pen-close-up_23-2149191369.jpg" }]} />
<FeatureCardTwentyFour
title="Our Services"
description="We provide top-notch services to help you scale."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{ id: "1", title: "Service One", author: "Admin", description: "High quality service.", tags: ["web"], imageSrc: "https://images.unsplash.com/photo-1551434678-e076c223a692?q=80&w=400&h=300&auto=format&fit=crop" }
]}
/>
</div>
<div id="before-after" data-section="before-after">
<ProductCardOne animationType="slide-up" textboxLayout="default" gridVariant="two-columns-alternating-heights" useInvertedBackground={true} title="See the Difference" description="Real craftsmanship. Real transformation." products={[{ id: "ba1", name: "Before: Storm Damaged", price: "Damaged", imageSrc: "http://img.b2bpic.net/free-photo/view-old-abandoned-house-nature_23-2150166504.jpg" }, { id: "ba2", name: "After: Fully Restored", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/modern-stadium_1127-110.jpg" }, { id: "ba3", name: "Before: Old Roof", price: "Weathered", imageSrc: "http://img.b2bpic.net/free-photo/metal-structure_181624-31076.jpg" }]} />
<ProductCardOne
title="Our Products"
description="Explore our curated selection of tools."
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
products={[
{ id: "p1", name: "Product A", price: "$99", imageSrc: "https://images.unsplash.com/photo-1523275335684-37898b6baf30?q=80&w=300&h=300&auto=format&fit=crop" },
{ id: "p2", name: "Product B", price: "$149", imageSrc: "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?q=80&w=300&h=300&auto=format&fit=crop" },
{ id: "p3", name: "Product C", price: "$199", imageSrc: "https://images.unsplash.com/photo-1572635196237-14b3f281503f?q=80&w=300&h=300&auto=format&fit=crop" }
]}
/>
</div>
<div id="contact-home" data-section="contact-home">
<ContactCenter title="Dont Wait Until It Gets Worse" description="A small roof issue today can cost thousands tomorrow. Get a free inspection." tag="Contact Us" background={{ variant: "gradient-bars" }} useInvertedBackground={false} />
<ContactCenter
tag="Get In Touch"
title="Ready to get started?"
description="Contact us for a consultation today."
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple columns={[{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] }, { title: "Services", items: [{ label: "Roof Repairs", href: "/services" }, { label: "Full Replacements", href: "/services" }, { label: "Claims", href: "/services" }] }]} bottomLeftText="© 2024 Empire Roofing & Construction" bottomRightText="Built Like an Empire." />
<FooterSimple
columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
bottomLeftText="© 2024 Webild"
bottomRightText="All rights reserved."
/>
</div>
</ThemeProvider>
);