bender/ddb8c162-ff37-4a0d-97fc-b0b9f303228c
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #4

Merged
bender merged 2 commits from version_1 into main 2026-04-11 22:26:43 +00:00
Conversation 0 Commits 2 Files Changed 2 +57 -99
2 changed files with 57 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/layout.tsx
View File

@@ -11,8 +11,8 @@ import { Playfair_Display, Inter } from "next/font/google";
export const metadata: Metadata = {
title: 'Hill of Hope Renovations | Premium Roofing & Renovations Lehigh Valley',
description: 'Expert roofing and home renovation services in Lehigh Valley. Trusted by homeowners for high-quality, long-lasting results. Get your free estimate today.',
title: 'Webild - Scaling Made Simple',
description: 'Enterprise-grade infrastructure for your digital business.',
openGraph: {
"title": "Hill of Hope Renovations Inc.",
"description": "Premium roofing and renovations across the Lehigh Valley.",

152
src/app/page.tsx
View File

@@ -1,6 +1,5 @@
'use client';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
@@ -8,132 +7,91 @@ import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { ShieldCheck, MapPin, Star, Percent, Award, CheckCircle, Shield } from 'lucide-react';
import { Star, Shield, Zap, CheckCircle } from 'lucide-react';
const navItems = [
{ name: 'Home', id: '/' }
{ name: "Home", id: "/" },
{ name: "Contact", id: "/contact" },
{ name: "Services", id: "/services" }
];
export default function Page() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
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">
<NavbarStyleApple navItems={navItems} brandName="Hill of Hope" />
<NavbarStyleApple navItems={navItems} brandName="Webild" />
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{ variant: "sparkles-gradient" }}
title="Premium Roofing & Renovations You Can Trust"
description="Trusted by homeowners across the Lehigh Valley for high-quality roofing and renovations that last."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg", alt: "Client 5" }
<HeroCentered
title="Build Smarter with Webild"
description="We provide the tools and infrastructure to help you scale your business faster than ever."
background={{ variant: "gradient-bars" }}
avatars={[{ src: "https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?auto=format&fit=crop&q=80&w=150", alt: "User 1" }, { src: "https://images.unsplash.com/photo-1527980965255-d3b416303d12?auto=format&fit=crop&q=80&w=150", alt: "User 2" }]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardSix
title="Our Services"
description="Comprehensive solutions for your modern digital business needs."
textboxLayout="default"
features={[
{ title: "Cloud Infrastructure", description: "Scale your apps with our global network.", imageSrc: "https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&q=80&w=600" },
{ title: "Advanced Analytics", description: "Understand your data with precision.", imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&q=80&w=600" },
{ title: "Security First", description: "Keep your information safe and compliant.", imageSrc: "https://images.unsplash.com/photo-1563986768609-322da13575f3?auto=format&fit=crop&q=80&w=600" }
]}
avatarText="5.0 Rating (Based on 5+ Reviews)"
buttons={[
{ text: "Get Free Estimate", href: "#contact" },
{ text: "Call Now", href: "tel:1234567890" }
]}
marqueeItems={[
{ type: "text-icon", text: "Licensed & Insured", icon: ShieldCheck },
{ type: "text-icon", text: "Local Experts", icon: MapPin },
{ type: "text-icon", text: "Top-Rated Service", icon: Star },
{ type: "text-icon", text: "Competitive Rates", icon: Percent },
{ type: "text-icon", text: "Lifetime Warranty", icon: Award }
/>
</div>
<div id="why-choose-us" data-section="why-choose-us">
<MetricCardThree
title="Why Choose Us"
description="Leading the market with proven reliability."
animationType="slide-up"
textboxLayout="default"
metrics={[
{ id: "m1", icon: Zap, title: "Performance", value: "99.9%" },
{ id: "m2", icon: Shield, title: "Uptime", value: "100%" },
{ id: "m3", icon: CheckCircle, title: "Support", value: "24/7" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
title="Client Feedback"
description="See what our customers have to say."
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
textboxLayout="default"
showRating={true}
title="Real Results. Real Homeowners."
description="Hear from our satisfied customers in the Lehigh Valley."
testimonials={[
{ id: "1", name: "Christopher Bell", handle: "@cb", testimonial: "They did a fantastic job on our roof. I waited a year before reviewing to make sure — no issues at all. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/home-comfort-coziness-domesticity-concept-cropped-portrait-confident-happy-young-woman-spending-day-home_343059-3893.jpg" },
{ id: "2", name: "Gloria", handle: "@gloria", testimonial: "Exceeded my expectations. Professional, fast, and the results were amazing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tablet-park-looking-camera_23-2147779715.jpg" },
{ id: "3", name: "Santiago Martinez", handle: "@sm", testimonial: "My go-to roofing company. Reliable and consistent every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-father-posing-with-arms-crossed_23-2148414862.jpg" },
{ id: "4", name: "Christine Urbine", handle: "@cu", testimonial: "Very respectful, affordable, and high-quality work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg" },
{ id: "5", name: "John Doe", handle: "@jd", testimonial: "The communication was excellent throughout the whole renovation process.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg" }
]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardSix
title="Our Services"
description="Expert roofing, exterior renovations, and structural repairs."
textboxLayout="split"
useInvertedBackground={true}
features={[
{ title: "Roofing Services", description: "Full replacements, repairs, shingle installation, and leak detection.", imageSrc: "http://img.b2bpic.net/free-photo/home-clay-roof-tile_657883-716.jpg", imageAlt: "Roofing services" },
{ title: "Home Renovations", description: "Exterior improvements, structural repairs, and complete home upgrades.", imageSrc: "http://img.b2bpic.net/free-photo/worker-controls-cargo-crane_140725-7619.jpg", imageAlt: "Home renovations" },
{ title: "Additional Work", description: "Gutter systems, siding replacement, and storm damage repairs.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-paper-bag-bottle_23-2148773372.jpg", imageAlt: "Gutters and siding" }
]}
/>
</div>
<div id="why-choose-us" data-section="why-choose-us">
<MetricCardThree
title="Why Homeowners Choose Hill of Hope"
description="We stand by our quality and integrity."
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{ id: "m1", icon: CheckCircle, title: "Proven Results", value: "100% Quality" },
{ id: "m2", icon: Award, title: "Locally Trusted", value: "500+ Homes" },
{ id: "m3", icon: Shield, title: "Licensed & Insured", value: "Secure" }
{ id: "t1", name: "Alex R.", handle: "@alex", testimonial: "The best platform I have used so far!", rating: 5, icon: Star },
{ id: "t2", name: "Sarah M.", handle: "@sarah", testimonial: "Incredible support and features.", rating: 5, icon: Star },
{ id: "t3", name: "John D.", handle: "@john", testimonial: "Scalable, efficient, and reliable.", rating: 4, icon: Star }
]}
/>
</div>
<div id="process" data-section="process">
<FeatureCardSix
title="Our Simple 4-Step Process"
description="How we bring your dream home to life."
textboxLayout="split"
useInvertedBackground={true}
<FeatureCardSix
title="Our Process"
description="Transparent execution from start to finish."
textboxLayout="default"
features={[
{ title: "Free Inspection", description: "We assess your home's needs with no obligation.", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg", imageAlt: "Free inspection" },
{ title: "Transparent Estimate", description: "Honest, competitive pricing without hidden surprises.", imageSrc: "http://img.b2bpic.net/free-photo/manual-worker-grinding-metal-steel-objects-workshop-with-tools_1163-3130.jpg", imageAlt: "Transparent estimate" },
{ title: "Professional Installation", description: "Skilled craftsmanship executed with the utmost care.", imageSrc: "http://img.b2bpic.net/free-photo/old-abandoned-house-with-rusty-stairs_23-2149454766.jpg", imageAlt: "Installation" },
{ title: "Final Walkthrough", description: "Ensuring your satisfaction with our guarantee.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg", imageAlt: "Final walkthrough" }
{ title: "Planning", description: "Define your goals.", imageSrc: "https://images.unsplash.com/photo-1506784365847-bbad939e9335?auto=format&fit=crop&q=80&w=600" },
{ title: "Execution", description: "We build it for you.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?auto=format&fit=crop&q=80&w=600" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Ready to get started?"
title="Get My Free Quote"
description="Fill out the form below to receive your fast, free estimate from Hill of Hope Renovations."
<ContactSplit
title="Ready to start?"
description="Get in touch with us to start your journey."
background={{ variant: "gradient-bars" }}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-measuring-tools-still-life_23-2150440963.jpg"
useInvertedBackground={false}
imageSrc="https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&q=80&w=800"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="Hill of Hope Renovations Inc."
columns={[
{ items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#services" }, { label: "Reviews", href: "#testimonials" }] },
{ items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
{ items: [{ label: "Lehigh Valley", href: "#" }, { label: "Bethlehem", href: "#" }, { label: "Allentown", href: "#" }] }
]}
<FooterLogoEmphasis
logoText="Webild"
columns={[{ items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] }]}
/>
</div>
</ThemeProvider>