bender/5d46e8f0-cb12-4dbc-9aba-bdc591aedd1a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-22 20:48:58 +00:00
Conversation 0 Commits 1 Files Changed 1 +63 -331
1 changed files with 63 additions and 331 deletions
Download Patch File Download Diff File Expand all files Collapse all files

394
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Services",
id: "#services",
},
{
name: "About",
id: "#about",
},
{
name: "Portfolio",
id: "#portfolio",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Services", id: "#services" },
{ name: "About", id: "#about" },
{ name: "Portfolio", id: "#portfolio" },
{ name: "Contact", id: "#contact" },
]}
brandName="Sky Roof"
/>
@@ -56,100 +44,33 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "rotated-rays-static",
}}
background={{ variant: "rotated-rays-static" }}
title="Elevate Your Property: Architectural Roofing Perfected"
description="Sky Roof delivers bespoke roofing solutions crafted for discerning clients who refuse to compromise on quality, design, or durability. Premium materials, masterful execution, legacy results."
testimonials={[
{
name: "Eleanor V.",
handle: "@ev_design",
testimonial: "The precision and attention to detail were unmatched. Our estate finally looks complete.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
},
{
name: "James L.",
handle: "@jamesl_dev",
testimonial: "A truly premium experience from consultation to finish. Will recommend for all future projects.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
},
{
name: "Sarah M.",
handle: "@sarahtech",
testimonial: "Exquisite craftsmanship. The heritage tile work is simply breathtaking.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",
},
{
name: "David R.",
handle: "@davidr_pm",
testimonial: "Professional, punctual, and highly skilled. They understand architectural integrity.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394938.jpg",
},
{
name: "Monica K.",
handle: "@monicak_architect",
testimonial: "The best roofing partner I've encountered in my 20-year career.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg",
},
{ name: "Eleanor V.", handle: "@ev_design", testimonial: "The precision and attention to detail were unmatched. Our estate finally looks complete.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg" },
{ name: "James L.", handle: "@jamesl_dev", testimonial: "A truly premium experience from consultation to finish. Will recommend for all future projects.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" },
{ name: "Sarah M.", handle: "@sarahtech", testimonial: "Exquisite craftsmanship. The heritage tile work is simply breathtaking.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg" },
{ name: "David R.", handle: "@davidr_pm", testimonial: "Professional, punctual, and highly skilled. They understand architectural integrity.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394938.jpg" },
{ name: "Monica K.", handle: "@monicak_architect", testimonial: "The best roofing partner I've encountered in my 20-year career.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg" },
]}
buttons={[
{
text: "Schedule Your Luxury Consultation",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg?_wi=1"
buttons={[{ text: "Schedule Your Luxury Consultation", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg"
imageAlt="Luxury Architectural Roofing"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg",
alt: "Client Portrait 1",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg",
alt: "Client Portrait 2",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-man-suit-looking-camera_23-2148112202.jpg",
alt: "Client Portrait 3",
},
{
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg",
alt: "Client Portrait 4",
},
{
src: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg",
alt: "Client Portrait 5",
},
{ src: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg", alt: "Client Portrait 1" },
{ src: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg", alt: "Client Portrait 2" },
{ src: "http://img.b2bpic.net/free-photo/smiling-man-suit-looking-camera_23-2148112202.jpg", alt: "Client Portrait 3" },
{ src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg", alt: "Client Portrait 4" },
{ src: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg", alt: "Client Portrait 5" },
]}
marqueeItems={[
{
type: "text",
text: "Architectural Design",
},
{
type: "text",
text: "Sustainable Sourcing",
},
{
type: "text",
text: "Custom Detailing",
},
{
type: "text",
text: "Lifetime Warranty",
},
{
type: "text",
text: "Commercial Excellence",
},
{ type: "text", text: "Architectural Design" },
{ type: "text", text: "Sustainable Sourcing" },
{ type: "text", text: "Custom Detailing" },
{ type: "text", text: "Lifetime Warranty" },
{ type: "text", text: "Commercial Excellence" },
]}
/>
</div>
@@ -158,91 +79,42 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={false}
title="Craftsmanship for the Discerning Few"
buttons={[
{
text: "Our Heritage",
href: "#services",
},
]}
buttons={[{ text: "Our Heritage", href: "#services" }]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardTen
textboxLayout="split"
animationType="blur-reveal"
useInvertedBackground={false}
features={[
{
title: "Legacy Roofing",
description: "Materials designed to last generations.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-8975.jpg?_wi=1",
},
title: "Legacy Roofing", description: "Materials designed to last generations.", media: { imageSrc: "http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-8975.jpg" },
items: [
{
icon: CheckCircle,
text: "Sustainable sourced slate",
},
{
icon: CheckCircle,
text: "Custom copper detailing",
},
{
icon: CheckCircle,
text: "Lifetime warranty included",
},
{ icon: CheckCircle, text: "Sustainable sourced slate" },
{ icon: CheckCircle, text: "Custom copper detailing" },
{ icon: CheckCircle, text: "Lifetime warranty included" },
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg?_wi=2",
imageAlt: "durable slate roofing detail",
},
{
title: "Architectural Design",
description: "We treat the roof as a critical design element.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-roof-wooden-house_23-2149343706.jpg?_wi=1",
},
title: "Architectural Design", description: "We treat the roof as a critical design element.", media: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-roof-wooden-house_23-2149343706.jpg" },
items: [
{
icon: CheckCircle,
text: "Seamless material integration",
},
{
icon: CheckCircle,
text: "Custom geometric patterns",
},
{
icon: CheckCircle,
text: "Advanced climate resilience",
},
{ icon: CheckCircle, text: "Seamless material integration" },
{ icon: CheckCircle, text: "Custom geometric patterns" },
{ icon: CheckCircle, text: "Advanced climate resilience" },
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-posing-street-dress-with-backpack_1296-805.jpg?_wi=1",
imageAlt: "durable slate roofing detail",
},
{
title: "Commercial Excellence",
description: "High-capacity installation for professional properties.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836784.jpg?_wi=1",
},
title: "Commercial Excellence", description: "High-capacity installation for professional properties.", media: { imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836784.jpg" },
items: [
{
icon: CheckCircle,
text: "Professional property management",
},
{
icon: CheckCircle,
text: "Zero disruption protocol",
},
{
icon: CheckCircle,
text: "Compliance ready finishes",
},
{ icon: CheckCircle, text: "Professional property management" },
{ icon: CheckCircle, text: "Zero disruption protocol" },
{ icon: CheckCircle, text: "Compliance ready finishes" },
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg?_wi=1",
imageAlt: "durable slate roofing detail",
},
]}
title="Bespoke Roofing Solutions"
@@ -253,51 +125,16 @@ export default function LandingPage() {
<div id="portfolio" data-section="portfolio">
<ProductCardFour
textboxLayout="default"
animationType="blur-reveal"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Signature Slate Tile",
price: "Custom Pricing",
variant: "Natural Stone",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg?_wi=2",
},
{
id: "p2",
name: "Copper Architectural Panels",
price: "Custom Pricing",
variant: "Premium Metal",
imageSrc: "http://img.b2bpic.net/free-photo/steel-structure-background_1127-3390.jpg",
},
{
id: "p3",
name: "Cedar Shake Legacy",
price: "Custom Pricing",
variant: "Premium Wood",
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-17367.jpg",
},
{
id: "p4",
name: "Designer Concrete Tile",
price: "Custom Pricing",
variant: "Structural Tile",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-house-with-big-windows_23-2149343704.jpg",
},
{
id: "p5",
name: "Terracotta Heritage Tile",
price: "Custom Pricing",
variant: "Bespoke Clay",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg",
},
{
id: "p6",
name: "Titanium Composite Sheets",
price: "Custom Pricing",
variant: "Modern Alloy",
imageSrc: "http://img.b2bpic.net/free-photo/gothic-brick-tower-with-tall-window-dramatic-architecture-angle_169016-70801.jpg",
},
{ id: "p1", name: "Signature Slate Tile", price: "Custom Pricing", variant: "Natural Stone", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg" },
{ id: "p2", name: "Copper Architectural Panels", price: "Custom Pricing", variant: "Premium Metal", imageSrc: "http://img.b2bpic.net/free-photo/steel-structure-background_1127-3390.jpg" },
{ id: "p3", name: "Cedar Shake Legacy", price: "Custom Pricing", variant: "Premium Wood", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-17367.jpg" },
{ id: "p4", name: "Designer Concrete Tile", price: "Custom Pricing", variant: "Structural Tile", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-house-with-big-windows_23-2149343704.jpg" },
{ id: "p5", name: "Terracotta Heritage Tile", price: "Custom Pricing", variant: "Bespoke Clay", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg" },
{ id: "p6", name: "Titanium Composite Sheets", price: "Custom Pricing", variant: "Modern Alloy", imageSrc: "http://img.b2bpic.net/free-photo/gothic-brick-tower-with-tall-window-dramatic-architecture-angle_169016-70801.jpg" },
]}
title="Selected Premium Materials"
description="Explore our curated catalog of high-end materials selected for their aesthetic and functional superiority."
@@ -307,26 +144,12 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardThree
textboxLayout="default"
animationType="blur-reveal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Award,
title: "Years Legacy",
value: "25+",
},
{
id: "m2",
icon: Star,
title: "Luxury Projects",
value: "500+",
},
{
id: "m3",
icon: Shield,
title: "Warranty Satisfaction",
value: "100%",
},
{ id: "m1", icon: Award, title: "Years Legacy", value: "25+" },
{ id: "m2", icon: Star, title: "Luxury Projects", value: "500+" },
{ id: "m3", icon: Shield, title: "Warranty Satisfaction", value: "100%" },
]}
title="Results of Refinement"
description="Measurable quality driven by years of experience and dedicated expertise."
@@ -338,61 +161,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Eleanor V.",
date: "Oct 2023",
title: "Homeowner",
quote: "The precision and attention to detail were unmatched.",
tag: "Architectural",
avatarSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg?_wi=3",
imageAlt: "professional headshot luxury client",
},
{
id: "2",
name: "James L.",
date: "Sept 2023",
title: "Developer",
quote: "A truly premium experience.",
tag: "Commercial",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-posing-street-dress-with-backpack_1296-805.jpg?_wi=2",
imageAlt: "professional headshot luxury client",
},
{
id: "3",
name: "Sarah M.",
date: "Aug 2023",
title: "Homeowner",
quote: "Exquisite craftsmanship.",
tag: "Legacy",
avatarSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-exterior-hobbies_23-2149367017.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-8975.jpg?_wi=2",
imageAlt: "professional headshot luxury client",
},
{
id: "4",
name: "David R.",
date: "July 2023",
title: "PM",
quote: "Professional, punctual, and highly skilled.",
tag: "Quality",
avatarSrc: "http://img.b2bpic.net/free-photo/skyscraper-modern-office-buildings-city_23-2148836811.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-roof-wooden-house_23-2149343706.jpg?_wi=2",
imageAlt: "professional headshot luxury client",
},
{
id: "5",
name: "Monica K.",
date: "June 2023",
title: "Architect",
quote: "The best roofing partner in my career.",
tag: "Industry Leading",
avatarSrc: "http://img.b2bpic.net/free-photo/two-business-woman-with-computer_1303-13886.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836784.jpg?_wi=2",
imageAlt: "professional headshot luxury client",
},
{ id: "1", name: "Eleanor V.", date: "Oct 2023", title: "Homeowner", quote: "The precision and attention to detail were unmatched.", tag: "Architectural", avatarSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg" },
{ id: "2", name: "James L.", date: "Sept 2023", title: "Developer", quote: "A truly premium experience.", tag: "Commercial", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-posing-street-dress-with-backpack_1296-805.jpg" },
{ id: "3", name: "Sarah M.", date: "Aug 2023", title: "Homeowner", quote: "Exquisite craftsmanship.", tag: "Legacy", avatarSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-exterior-hobbies_23-2149367017.jpg", imageSrc: "http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-8975.jpg" },
{ id: "4", name: "David R.", date: "July 2023", title: "PM", quote: "Professional, punctual, and highly skilled.", tag: "Quality", avatarSrc: "http://img.b2bpic.net/free-photo/skyscraper-modern-office-buildings-city_23-2148836811.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-roof-wooden-house_23-2149343706.jpg" },
{ id: "5", name: "Monica K.", date: "June 2023", title: "Architect", quote: "The best roofing partner in my career.", tag: "Industry Leading", avatarSrc: "http://img.b2bpic.net/free-photo/two-business-woman-with-computer_1303-13886.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836784.jpg" },
]}
title="Client Perspectives"
description="Read accounts from our clients who have entrusted us with their most valuable assets."
@@ -403,21 +176,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "What makes your roofing luxury?",
content: "We use premium, ethically sourced materials.",
},
{
id: "f2",
title: "Do you offer commercial services?",
content: "Yes, we specialize in high-end commercial properties.",
},
{
id: "f3",
title: "How long is your warranty?",
content: "Lifetime craftsmanship warranties.",
},
{ id: "f1", title: "What makes your roofing luxury?", content: "We use premium, ethically sourced materials." },
{ id: "f2", title: "Do you offer commercial services?", content: "Yes, we specialize in high-end commercial properties." },
{ id: "f3", title: "How long is your warranty?", content: "Lifetime craftsmanship warranties." },
]}
sideTitle="Questions? We’re here to assist."
faqsAnimation="blur-reveal"
@@ -430,24 +191,10 @@ export default function LandingPage() {
title="Begin Your Project"
description="Schedule a personalized consultation."
inputs={[
{
name: "name",
type: "text",
placeholder: "Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email",
required: true,
},
{ name: "name", type: "text", placeholder: "Name", required: true },
{ name: "email", type: "email", placeholder: "Email", required: true },
]}
textarea={{
name: "message",
placeholder: "Describe your project...",
required: true,
}}
textarea={{ name: "message", placeholder: "Describe your project...", required: true }}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-architecture-window-building-pattern_1203-2673.jpg"
/>
</div>
@@ -457,30 +204,15 @@ export default function LandingPage() {
columns={[
{
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Services",
href: "#services",
},
{
label: "Contact",
href: "#contact",
},
{ label: "About Us", href: "#about" },
{ label: "Services", href: "#services" },
{ label: "Contact", href: "#contact" },
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
],
},
]}