Update src/app/page.tsx
This commit is contained in:
@@ -16,11 +16,11 @@ export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmall"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -79,16 +79,16 @@ export default function LandingPage() {
|
||||
id: "2", name: "James Rodriguez, Homeowner", date: "Date: December 2024", title: "Professional, courteous, and efficient", quote: "The crew showed up on time, worked professionally, and finished ahead of schedule. Estimate was right on the spot—no extra charges. Highly recommend Umbrella Roofing.", tag: "Roof Repair", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg", avatarAlt: "customer portrait professional headshot avatar homeowner", imageSrc: "http://img.b2bpic.net/free-photo/old-rusty-metallic-surface_23-2148846057.jpg", imageAlt: "flat roof pooling water damaged roof before"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Linda Chen, Homeowner", date: "Date: November 2024", title: "They solved our pooling problem perfectly", quote: "Water was pooling on our flat roof every time it rained. Umbrella sculpted the slope and fixed the drainage. Problem solved, and they explained everything clearly.", tag: "Flat Roof Solution", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg", avatarAlt: "customer portrait professional headshot avatar satisfied client", imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg?_wi=1", imageAlt: "flat roof commercial roofing pooling solution drainage"
|
||||
id: "3", name: "Linda Chen, Homeowner", date: "Date: November 2024", title: "They solved our pooling problem perfectly", quote: "Water was pooling on our flat roof every time it rained. Umbrella sculpted the slope and fixed the drainage. Problem solved, and they explained everything clearly.", tag: "Flat Roof Solution", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg", avatarAlt: "customer portrait professional headshot avatar satisfied client", imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg", imageAlt: "flat roof commercial roofing pooling solution drainage"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Michael Torres, Homeowner", date: "Date: October 2024", title: "Clean job site, spotless work", quote: "Professional team, magnetic nail sweep, and our yard was protected the whole time. They left the property cleaner than we found it. That's craftsmanship.", tag: "Re-shingling", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", avatarAlt: "customer portrait professional headshot avatar business professional", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=1", imageAlt: "roof replacement new roofing construction installation"
|
||||
id: "4", name: "Michael Torres, Homeowner", date: "Date: October 2024", title: "Clean job site, spotless work", quote: "Professional team, magnetic nail sweep, and our yard was protected the whole time. They left the property cleaner than we found it. That's craftsmanship.", tag: "Re-shingling", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", avatarAlt: "customer portrait professional headshot avatar business professional", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "roof replacement new roofing construction installation"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Patricia White, Homeowner", date: "Date: September 2024", title: "Fair pricing and outstanding quality", quote: "We got three estimates. Umbrella's was fair and honest. They didn't oversell or cut corners. Best decision we made for our home.", tag: "Full Replacement", avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", avatarAlt: "customer portrait professional headshot avatar homeowner", imageSrc: "http://img.b2bpic.net/free-photo/couple-collects-garbage-garbage-bags-park_1157-27384.jpg?_wi=1", imageAlt: "crew cleanup construction cleanup professional job site"
|
||||
id: "5", name: "Patricia White, Homeowner", date: "Date: September 2024", title: "Fair pricing and outstanding quality", quote: "We got three estimates. Umbrella's was fair and honest. They didn't oversell or cut corners. Best decision we made for our home.", tag: "Full Replacement", avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", avatarAlt: "customer portrait professional headshot avatar homeowner", imageSrc: "http://img.b2bpic.net/free-photo/couple-collects-garbage-garbage-bags-park_1157-27384.jpg", imageAlt: "crew cleanup construction cleanup professional job site"
|
||||
},
|
||||
{
|
||||
id: "6", name: "David Anderson, Homeowner", date: "Date: August 2024", title: "The office team is responsive and helpful", quote: "Any questions during the project? Gavina and the office team answered immediately. Real people, real updates. No automated runaround.", tag: "Leak Detection", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg", avatarAlt: "customer portrait professional headshot avatar satisfied customer", imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg?_wi=1", imageAlt: "leak detection roof leak water damage inspection"
|
||||
id: "6", name: "David Anderson, Homeowner", date: "Date: August 2024", title: "The office team is responsive and helpful", quote: "Any questions during the project? Gavina and the office team answered immediately. Real people, real updates. No automated runaround.", tag: "Leak Detection", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg", avatarAlt: "customer portrait professional headshot avatar satisfied customer", imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg", imageAlt: "leak detection roof leak water damage inspection"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -105,16 +105,13 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Proactive Communication", author: "Your Peace of Mind", description: "You'll know what's happening, what's next, and when we're finished. Daily updates. No surprises. No guessing.", tags: ["Transparency", "Updates"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=2", imageAlt: "roof replacement new roofing construction installation"
|
||||
id: "1", title: "Proactive Communication", author: "Your Peace of Mind", description: "You'll know what's happening, what's next, and when we're finished. Daily updates. No surprises. No guessing.", tags: ["Transparency", "Updates"], imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "roof replacement new roofing construction installation"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Craftsmanship That Solves Problems", author: "Long-Term Performance", description: "We don't just replace shingles—we address drainage, flashing, ventilation, and long-term performance. Pooling on flat roofs? We sculpt and fix it.", tags: ["Expert Work", "Durability"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg?_wi=2", imageAlt: "flat roof commercial roofing pooling solution drainage"
|
||||
id: "2", title: "Craftsmanship That Solves Problems", author: "Long-Term Performance", description: "We don't just replace shingles—we address drainage, flashing, ventilation, and long-term performance. Pooling on flat roofs? We sculpt and fix it.", tags: ["Expert Work", "Durability"], imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg", imageAlt: "flat roof commercial roofing pooling solution drainage"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Clean Job Sites, Respectful Teams", author: "Your Home Matters", description: "We protect your property with magnetic nail sweeps, tarped landscaping, and daily cleanup. We leave your home cleaner than we found it.", tags: ["Professional", "Respect"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-collects-garbage-garbage-bags-park_1157-27384.jpg?_wi=2", imageAlt: "crew cleanup construction cleanup professional job site"
|
||||
id: "3", title: "Clean Job Sites, Respectful Teams", author: "Your Home Matters", description: "We protect your property with magnetic nail sweeps, tarped landscaping, and daily cleanup. We leave your home cleaner than we found it.", tags: ["Professional", "Respect"], imageSrc: "http://img.b2bpic.net/free-photo/couple-collects-garbage-garbage-bags-park_1157-27384.jpg", imageAlt: "crew cleanup construction cleanup professional job site"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -132,19 +129,19 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Roof Replacement", price: "Fair Quote", variant: "Complete teardown & installation", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=3", imageAlt: "Roof replacement project"
|
||||
id: "1", name: "Roof Replacement", price: "Fair Quote", variant: "Complete teardown & installation", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "Roof replacement project"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Roof Repairs", price: "Transparent Pricing", variant: "Spot repairs & patching", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Roof repair work"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Re-shingling", price: "Expert Craftsmanship", variant: "Shingle replacement & sealing", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=4", imageAlt: "Re-shingling service"
|
||||
id: "3", name: "Re-shingling", price: "Expert Craftsmanship", variant: "Shingle replacement & sealing", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "Re-shingling service"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Flat Roof Solutions", price: "Problem Solved", variant: "Pooling & drainage fixes", imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg?_wi=3", imageAlt: "Flat roof repair solution"
|
||||
id: "4", name: "Flat Roof Solutions", price: "Problem Solved", variant: "Pooling & drainage fixes", imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg", imageAlt: "Flat roof repair solution"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Leak Detection", price: "Quick Diagnosis", variant: "Inspection & location", imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg?_wi=2", imageAlt: "Leak detection service"
|
||||
id: "5", name: "Leak Detection", price: "Quick Diagnosis", variant: "Inspection & location", imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-inflating-tire-with-air-compressor-street_651396-3561.jpg", imageAlt: "Leak detection service"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Ventilation & Flashing", price: "Long-Term Protection", variant: "Vent, flashing & chimney work", imageSrc: "http://img.b2bpic.net/free-photo/gray-stainless-steel-roof-exhaust_422131-40.jpg", imageAlt: "Ventilation and flashing installation"
|
||||
@@ -175,7 +172,7 @@ export default function LandingPage() {
|
||||
id: "5", value: "Step 5", description: "Final walkthrough + cleanup. We show you the finished work and leave the site spotless."
|
||||
}
|
||||
]}
|
||||
metricsAnimation="entrance-slide"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -204,7 +201,7 @@ export default function LandingPage() {
|
||||
{ text: "Call Now: (555) 123-4567", onClick: () => window.location.href = 'tel:+15551234567' }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user