bender/afbdc0fa-df82-42ed-90e7-ed0fce445f5d
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_4 into main #5

Merged
bender merged 1 commits from version_4 into main 2026-06-08 13:00:46 +00:00
Conversation 0 Commits 1 Files Changed 1 +77 -74
1 changed files with 77 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

151
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Brush, Code, Palette, Search } from 'lucide-react';
import { ShieldCheck, Wrench, Building, Zap } from 'lucide-react';
export default function LandingPage() {
return (
@@ -35,13 +35,13 @@ export default function LandingPage() {
{
name: "Home", id: "hero"},
{
name: "About", id: "about"},
name: "About Us", id: "about"},
{
name: "Skills", id: "features"},
name: "Services", id: "features"},
{
name: "Impact", id: "metrics"},
name: "Our Impact", id: "metrics"},
{
name: "Clients", id: "social-proof"},
name: "Client Trust", id: "social-proof"},
{
name: "Testimonials", id: "testimonials"},
{
@@ -59,62 +59,62 @@ export default function LandingPage() {
background={{
variant: "radial-gradient"}}
imagePosition="right"
title="Diez Jessy: Crafting Digital Excellence"
description="Passionate designer and developer focused on creating intuitive and visually stunning web experiences. Bringing your ideas to life with precision and creativity."
title="Your Trusted Partner for Premier Roofing Solutions"
description="At Summit Roofers, we provide exceptional residential and commercial roofing services, ensuring durability, quality, and peace of mind for every client."
testimonials={[
{
name: "Alex K.", handle: "@alexk_design", testimonial: "Jessy transformed our vision into a stunning website. Exceptional quality and communication throughout the project!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1083.jpg", imageAlt: "Alex K. testimonial avatar"},
name: "Alex K.", handle: "Homeowner", testimonial: "Summit Roofers replaced our old roof quickly and professionally. The quality is outstanding!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1083.jpg", imageAlt: "Satisfied homeowner Alex K."},
{
name: "Samantha L.", handle: "@samanthal_dev", testimonial: "Highly recommend Diez for any web development needs. Professional, efficient, and delivers beyond expectations.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/content-businessman-smiling_74855-3248.jpg", imageAlt: "Samantha L. testimonial avatar"},
name: "Samantha L.", handle: "Business Owner", testimonial: "Highly recommend Summit Roofers for commercial projects. Efficient, reliable, and excellent workmanship.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/content-businessman-smiling_74855-3248.jpg", imageAlt: "Satisfied business owner Samantha L."},
{
name: "Mark D.", handle: "@mark_digital", testimonial: "Outstanding design and front-end work. Diez captured our brand essence perfectly and delivered a flawless user experience.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-posing_23-2148116374.jpg", imageAlt: "confident outline business side face male"},
name: "Mark D.", handle: "Property Manager", testimonial: "Their team handled a complex repair flawlessly. Communication was great, and the results speak for themselves.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-posing_23-2148116374.jpg", imageAlt: "Satisfied property manager Mark D."},
{
name: "Emily R.", handle: "@emilyr_ux", testimonial: "A true professional! From concept to launch, Diez was an invaluable partner, exceeding our expectations with innovation and skill.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/furious-business-leader-angry-with-negative-review_1262-14939.jpg", imageAlt: "Cheerful boss sitting with a newspaper on the table"},
name: "Emily R.", handle: "Homeowner", testimonial: "A true professional! From initial quote to project completion, Summit Roofers exceeded our expectations.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/furious-business-leader-angry-with-negative-review_1262-14939.jpg", imageAlt: "Satisfied homeowner Emily R."},
{
name: "Chris P.", handle: "@chrisp_dev", testimonial: "Diez's expertise in React and Next.js is evident. Our new application is fast, scalable, and a pleasure to use. Highly recommended!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg", imageAlt: "Confident senior executive looking at camera"},
name: "Chris P.", handle: "Contractor", testimonial: "Summit Roofers consistently delivers quality work. Our new application is fast, scalable, and a pleasure to use. Highly recommended!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg", imageAlt: "Satisfied contractor Chris P."},
]}
testimonialRotationInterval={5000}
tagAnimation="none"
buttons={[
{
text: "View Portfolio", href: "#features"},
text: "Get a Free Estimate", href: "#contact"},
{
text: "Get in Touch", href: "#contact"},
text: "View Our Services", href: "#features"},
]}
buttonAnimation="none"
imageSrc="http://img.b2bpic.net/free-photo/teleworker-using-laptop-coding-software-developing_482257-124274.jpg"
imageAlt="Diez Jessy working on a digital project"
imageSrc="http://img.b2bpic.net/free-photo/modern-house-with-new-roof_23-2148962305.jpg"
imageAlt="Modern house with a newly installed roof"
mediaAnimation="slide-up"
fixedMediaHeight={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", alt: "Smiling young businessman in suit looking at camera at meeting"},
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", alt: "Satisfied client avatar"},
{
src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-wireless-earphones-sitting_574295-3784.jpg", alt: "Girl sitting at the table and holding mobile phone indoors"},
src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-wireless-earphones-sitting_574295-3784.jpg", alt: "Satisfied client avatar"},
{
src: "http://img.b2bpic.net/free-photo/woman-shirt-showing-ok-sign_171337-17166.jpg", alt: "Woman showing the ok sign"},
src: "http://img.b2bpic.net/free-photo/woman-shirt-showing-ok-sign_171337-17166.jpg", alt: "Satisfied client avatar"},
{
src: "http://img.b2bpic.net/free-photo/portrait-senior-man-chatting-listening-remote-teamwork-video-call-working-from-home-elderly-person-using-internet-online-chat-technology-webcam-making-virtual-meeting-call-connection_482257-15992.jpg", alt: "Mature man sitting at his desk"},
src: "http://img.b2bpic.net/free-photo/portrait-senior-man-chatting-listening-remote-teamwork-video-call-working-from-home-elderly-person-using-internet-online-chat-technology-webcam-making-virtual-meeting-call-connection_482257-15992.jpg", alt: "Satisfied client avatar"},
{
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-blue-pajamas-sitting-bed-looking-up-amazed-surprised-bedroom-interior_141793-102365.jpg", alt: "Woman in bed showing OK gesture"},
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-blue-pajamas-sitting-bed-looking-up-amazed-surprised-bedroom-interior_141793-102365.jpg", alt: "Satisfied client avatar"},
]}
avatarText="Join over 150 satisfied clients"
avatarText="Join over 250 satisfied homeowners"
marqueeItems={[
{
type: "image", src: "http://img.b2bpic.net/free-vector/people-group-colorful-gradient-logo_343694-1962.jpg", alt: "abstract corporate logo design"},
type: "image", src: "http://img.b2bpic.net/free-vector/people-group-colorful-gradient-logo_343694-1962.jpg", alt: "Residential customer logo"},
{
type: "image", src: "http://img.b2bpic.net/free-vector/technology-logo-template-with-abstract-shapes_23-2148240848.jpg", alt: "modern tech company emblem"},
type: "image", src: "http://img.b2bpic.net/free-vector/technology-logo-template-with-abstract-shapes_23-2148240848.jpg", alt: "Commercial client logo"},
{
type: "image", src: "http://img.b2bpic.net/free-vector/gradient-accounting-logo-template_23-2148854301.jpg", alt: "financial services company logo"},
type: "image", src: "http://img.b2bpic.net/free-vector/gradient-accounting-logo-template_23-2148854301.jpg", alt: "Partnership logo"},
{
type: "image", src: "http://img.b2bpic.net/free-photo/study-knowledge-academics-institute-graphic_53876-124507.jpg", alt: "education platform logo academic"},
type: "image", src: "http://img.b2bpic.net/free-photo/study-knowledge-academics-institute-graphic_53876-124507.jpg", alt: "Community partner logo"},
{
type: "image", src: "http://img.b2bpic.net/free-photo/patient-doctor-privilegeyoung-woman-healthcare-worker-showing-mouth-seal-zipper-gesture-standing-white-coat-against-torquoise-background_1258-123242.jpg", alt: "healthcare clinic logo medical"},
type: "image", src: "http://img.b2bpic.net/free-photo/patient-doctor-privilegeyoung-woman-healthcare-worker-showing-mouth-seal-zipper-gesture-standing-white-coat-against-torquoise-background_1258-123242.jpg", alt: "Trusted supplier logo"},
]}
marqueeSpeed={40}
showMarqueeCard={true}
@@ -126,20 +126,20 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
imagePosition="right"
title="A Journey in Creativity and Code"
description="With a keen eye for aesthetics and a robust understanding of modern web technologies, I craft digital experiences that are not only beautiful but also highly functional and user-centric. My passion lies in solving complex problems through elegant design and efficient code."
title="Built on Integrity, Crafted with Expertise"
description="With years of experience, Summit Roofers is dedicated to providing superior roofing services. Our team of certified professionals ensures every project meets the highest standards of safety, quality, and craftsmanship."
tagAnimation="none"
buttonAnimation="none"
bulletPoints={[
{
title: "Design Thinking", description: "Applying human-centered design principles to create intuitive user experiences."},
title: "Quality Craftsmanship", description: "Delivering durable and long-lasting roofing solutions with meticulous attention to detail."},
{
title: "Technical Expertise", description: "Proficient in front-end development with a focus on React, Next.js, and modern CSS."},
title: "Customer Satisfaction", description: "Committed to exceeding client expectations through transparent communication and reliable service."},
{
title: "Project Management", description: "Ensuring smooth project execution from concept to deployment."},
title: "Safety First", description: "Adhering to strict safety protocols on every job site to protect our team and your property."},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-writing-sticker-with-marker-concentrated-professional-curly-female-manager-sharing-idea-project-making-note_74855-6746.jpg"
imageAlt="Diez Jessy sketching new design ideas"
imageSrc="http://img.b2bpic.net/free-photo/roofing-technician-standing-top-house_23-2149581896.jpg"
imageAlt="Roofing technician inspecting a residential roof"
mediaAnimation="slide-up"
/>
</div>
@@ -150,20 +150,20 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "UI/UX Design", description: "Crafting intuitive interfaces and seamless user experiences from wireframes to high-fidelity prototypes.", imageSrc: "http://img.b2bpic.net/free-photo/writing-work-process_53876-137653.jpg", imageAlt: "UI/UX design interface sketch", buttonIcon: Brush,
title: "Roof Installation", description: "Expert installation of new roofs for residential and commercial properties, using high-quality materials and proven techniques.", imageSrc: "http://img.b2bpic.net/free-photo/roofing-contractor-installing-new-shingles_1232-2345.jpg", imageAlt: "New roof installation on a modern home", buttonIcon: ShieldCheck,
buttonHref: "#"},
{
title: "Front-End Development", description: "Building responsive, high-performance web applications using modern frameworks like React and Next.js.", imageSrc: "http://img.b2bpic.net/free-photo/programming-background-with-html-text_23-2150040420.jpg", imageAlt: "Front end development code editor", buttonIcon: Code,
title: "Roof Repair & Maintenance", description: "Comprehensive repair services for all types of roofs, extending their lifespan and preventing future damage through regular maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/repairman-fixing-broken-roof-chimney_23-2149491696.jpg", imageAlt: "Roof repair worker fixing damaged shingles", buttonIcon: Wrench,
buttonHref: "#"},
{
title: "Brand & Graphic Design", description: "Developing strong brand identities and compelling visual assets that resonate with your audience.", imageSrc: "http://img.b2bpic.net/free-photo/party-hat-white_23-2147747721.jpg", imageAlt: "Brand identity design logo concept", buttonIcon: Palette,
title: "Commercial Roofing", description: "Specialized roofing solutions for businesses and large-scale commercial properties, designed for durability and minimal disruption.", imageSrc: "http://img.b2bpic.net/free-photo/commercial-building-roof-installation_23-2149021487.jpg", imageAlt: "Commercial building with new roof installation", buttonIcon: Building,
buttonHref: "#"},
{
title: "SEO Optimization", description: "Implementing strategies to enhance your online visibility and drive organic traffic to your digital platforms.", imageSrc: "http://img.b2bpic.net/free-photo/homepage-concept-with-search-bar_23-2150040206.jpg", imageAlt: "SEO optimization keywords research", buttonIcon: Search,
title: "Emergency Roofing Services", description: "Rapid response for urgent roof repairs due to storm damage, leaks, or other unexpected events, protecting your property 24/7.", imageSrc: "http://img.b2bpic.net/free-photo/house-damaged-by-storm_23-2150117032.jpg", imageAlt: "House roof damaged after a severe storm", buttonIcon: Zap,
buttonHref: "#"},
]}
title="My Core Skills"
description="A comprehensive skill set enabling end-to-end digital product development and design."
title="Our Comprehensive Roofing Services"
description="From new installations to emergency repairs, we cover all your residential and commercial roofing needs with expert care."
tagAnimation="none"
buttonAnimation="none"
/>
@@ -176,20 +176,20 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "years", value: "8+", title: "Years of Experience", items: [
"Honing skills since 2016", "Delivering robust solutions"],
id: "years", value: "15+", title: "Years in Service", items: [
"Serving our community since 2008", "Delivering robust roofing solutions"],
},
{
id: "projects", value: "150+", title: "Projects Completed", items: [
"Successful launches across industries", "Diverse portfolio of work"],
id: "projects", value: "500+", title: "Roofs Completed", items: [
"Successful projects across the region", "Diverse portfolio of roofing work"],
},
{
id: "satisfaction", value: "98%", title: "Client Satisfaction", items: [
"Exceeding expectations consistently", "Building lasting relationships"],
id: "satisfaction", value: "99%", title: "Customer Satisfaction", items: [
"Exceeding expectations consistently", "Building lasting relationships with clients"],
},
]}
title="My Professional Impact"
description="Quantifiable achievements that reflect dedication to excellence and client satisfaction."
title="Our Proven Track Record"
description="Summit Roofers' commitment to excellence is reflected in our consistent performance and client satisfaction."
tagAnimation="none"
buttonAnimation="none"
/>
@@ -200,9 +200,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"InnovateCorp", "Global Dynamics", "Future Solutions", "Creative Hub", "Apex Digital", "Visionary Tech", "Synergy Labs"]}
title="Trusted by Leading Brands"
description="Partnerships that speak volumes about quality and reliability."
"Local Homeowners", "Property Developers", "Business Owners", "Real Estate Agencies", "Community Associations", "Contracting Partners"]}
title="Trusted by Homeowners and Businesses"
description="Our reputation is built on reliability, quality workmanship, and satisfied clients across the region."
tagAnimation="none"
buttonAnimation="none"
speed={40}
@@ -218,23 +218,23 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1", name: "Olivia Miller", role: "CEO", company: "GrowthCo", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg", imageAlt: "Olivia Miller profile picture"},
id: "1", name: "Olivia Miller", role: "Homeowner", company: "Oakwood Estate", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg", imageAlt: "Olivia Miller, satisfied homeowner"},
{
id: "2", name: "Noah Davis", role: "Marketing Director", company: "BrightSpark", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/crazy-hippie-angry-expression_1194-3931.jpg", imageAlt: "Noah Davis profile picture"},
id: "2", name: "Noah Davis", role: "Business Owner", company: "Davis Enterprises", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/crazy-hippie-angry-expression_1194-3931.jpg", imageAlt: "Noah Davis, satisfied business owner"},
{
id: "3", name: "Isabella Garcia", role: "Founder", company: "InnovateX", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-eyeglasses-smiling-office_329181-14553.jpg", imageAlt: "Isabella Garcia profile picture"},
id: "3", name: "Isabella Garcia", role: "Property Manager", company: "Garcia Holdings", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-eyeglasses-smiling-office_329181-14553.jpg", imageAlt: "Isabella Garcia, satisfied property manager"},
{
id: "4", name: "Ethan Brown", role: "Product Lead", company: "VisionLabs", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-making-hand-gesture-with-cup-coffee-laptop-desk_23-2147955285.jpg", imageAlt: "Ethan Brown profile picture"},
id: "4", name: "Ethan Brown", role: "Homeowner", company: "Green Valley", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-making-hand-gesture-with-cup-coffee-laptop-desk_23-2147955285.jpg", imageAlt: "Ethan Brown, satisfied homeowner"},
{
id: "5", name: "Sophia Wilson", role: "Creative Lead", company: "Artistic Ventures", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-home_23-2148162643.jpg", imageAlt: "Sophia Wilson profile picture"},
id: "5", name: "Sophia Wilson", role: "Developer", company: "Modern Living Dev.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-home_23-2148162643.jpg", imageAlt: "Sophia Wilson, satisfied developer"},
]}
title="What Clients Say"
description="Hear directly from those who have experienced exceptional service and results."
title="What Our Clients Say"
description="Read testimonials from satisfied homeowners and business owners who chose Summit Roofers."
tagAnimation="none"
buttonAnimation="none"
/>
@@ -245,16 +245,19 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1", title: "What services do you offer?", content: "I offer UI/UX design, front-end web development, brand identity design, and SEO optimization. My focus is on creating holistic digital solutions."},
id: "q1", title: "What roofing services do you offer?", content: "We offer comprehensive residential and commercial roofing services, including new roof installations, repairs, maintenance, inspections, and emergency services."},
{
id: "q2", title: "What is your typical project timeline?", content: "Project timelines vary depending on scope and complexity. A typical website design and development project can range from 4 to 12 weeks. We'll discuss a detailed timeline during our initial consultation."},
id: "q2", title: "What is your typical project timeline?", content: "Project timelines vary depending on the scope and complexity of the roofing job. A typical roof replacement can take 2-5 days, while repairs might be quicker. We provide a detailed estimate and timeline during our consultation."},
{
id: "q3", title: "How do you handle client communication?", content: "I prioritize clear and consistent communication. We'll use a combination of email, video calls, and a dedicated project management tool to ensure you're always updated on progress and can provide feedback effectively."},
id: "q3", title: "How do you handle client communication?", content: "We ensure clear communication through every step of your roofing project, using phone calls, emails, and on-site consultations to keep you informed and address any concerns."},
{
id: "q4", title: "What technologies do you specialize in?", content: "My expertise primarily lies in modern web technologies including React, Next.js, TypeScript, Tailwind CSS, and various headless CMS platforms. I stay updated with the latest industry trends."},
id: "q4", title: "Are you licensed and insured?", content: "Yes, Summit Roofers is fully licensed, bonded, and insured, providing peace of mind and protection for all our clients and projects. We adhere to all local and state regulations."},
{
id: "q5", title: "Do you offer free estimates?", content: "Absolutely! Contact us today to schedule a free, no-obligation estimate for your roofing needs. We'll assess your roof and provide a detailed quote."
},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Find quick answers to common inquiries about my services, process, and more."
sideTitle="Frequently Asked Questions About Roofing"
sideDescription="Find quick answers to common inquiries about our roofing services, process, and guarantees."
buttonAnimation="none"
faqsAnimation="slide-up"
textPosition="left"