Update src/app/page.tsx
This commit is contained in:
@@ -20,7 +20,7 @@ export default function LandingPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -51,33 +51,33 @@ export default function LandingPage() {
|
||||
{ text: "Call Now" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-sitting-roof-full-shot_23-2149343712.jpg?_wi=1", imageAlt: "Professional roofing installation"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-sitting-roof-full-shot_23-2149343712.jpg", imageAlt: "Professional roofing installation"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-musician-roof-top-holding-electric-guitar_23-2148680355.jpg?_wi=1", imageAlt: "Quality roof work"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-musician-roof-top-holding-electric-guitar_23-2148680355.jpg", imageAlt: "Quality roof work"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asphalt-street-with-train-rails_58702-10714.jpg?_wi=1", imageAlt: "Roof repair and restoration"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asphalt-street-with-train-rails_58702-10714.jpg", imageAlt: "Roof repair and restoration"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg?_wi=1", imageAlt: "Completed roofing project"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg", imageAlt: "Completed roofing project"
|
||||
}
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asphalt-street-with-train-rails_58702-10714.jpg?_wi=2", imageAlt: "Expert roofing work"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asphalt-street-with-train-rails_58702-10714.jpg", imageAlt: "Expert roofing work"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg?_wi=2", imageAlt: "Professional roofing team"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg", imageAlt: "Professional roofing team"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-sitting-roof-full-shot_23-2149343712.jpg?_wi=2", imageAlt: "Residential roof installation"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-sitting-roof-full-shot_23-2149343712.jpg", imageAlt: "Residential roof installation"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-musician-roof-top-holding-electric-guitar_23-2148680355.jpg?_wi=2", imageAlt: "Quality materials and workmanship"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-musician-roof-top-holding-electric-guitar_23-2148680355.jpg", imageAlt: "Quality materials and workmanship"
|
||||
}
|
||||
]}
|
||||
carouselPosition="right"
|
||||
@@ -133,16 +133,16 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Roof Repair", description: "Small problems turn into expensive ones if ignored. We quickly identify the issue and fix it correctly the first time.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-sitting-roof-full-shot_23-2149343712.jpg?_wi=3", imageAlt: "Roof repair service"
|
||||
id: "1", title: "Roof Repair", description: "Small problems turn into expensive ones if ignored. We quickly identify the issue and fix it correctly the first time.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-sitting-roof-full-shot_23-2149343712.jpg", imageAlt: "Roof repair service"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Roof Replacement", description: "When it's time for a new roof, we install premium materials designed to protect your home for decades.", imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-musician-roof-top-holding-electric-guitar_23-2148680355.jpg?_wi=3", imageAlt: "Roof replacement service"
|
||||
id: "2", title: "Roof Replacement", description: "When it's time for a new roof, we install premium materials designed to protect your home for decades.", imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-musician-roof-top-holding-electric-guitar_23-2148680355.jpg", imageAlt: "Roof replacement service"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Roof Inspections", description: "Buying a home or checking storm damage? Our inspections give you a clear, honest assessment.", imageSrc: "http://img.b2bpic.net/free-photo/asphalt-street-with-train-rails_58702-10714.jpg?_wi=3", imageAlt: "Roof inspection service"
|
||||
id: "3", title: "Roof Inspections", description: "Buying a home or checking storm damage? Our inspections give you a clear, honest assessment.", imageSrc: "http://img.b2bpic.net/free-photo/asphalt-street-with-train-rails_58702-10714.jpg", imageAlt: "Roof inspection service"
|
||||
},
|
||||
{
|
||||
id: "4", title: "Emergency Roofing", description: "When leaks or storm damage happen, we respond quickly to protect your home.", imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg?_wi=3", imageAlt: "Emergency roofing service"
|
||||
id: "4", title: "Emergency Roofing", description: "When leaks or storm damage happen, we respond quickly to protect your home.", imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg", imageAlt: "Emergency roofing service"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -176,16 +176,16 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "Step 1", title: "Free Inspection", description: "We inspect your roof and explain exactly what we find.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-sitting-table-working-with-papers_1262-16992.jpg?_wi=1", imageAlt: "Free inspection"
|
||||
id: "1", value: "Step 1", title: "Free Inspection", description: "We inspect your roof and explain exactly what we find.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-sitting-table-working-with-papers_1262-16992.jpg", imageAlt: "Free inspection"
|
||||
},
|
||||
{
|
||||
id: "2", value: "Step 2", title: "Honest Estimate", description: "You receive clear pricing and timeline expectations.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-sitting-table-working-with-papers_1262-16992.jpg?_wi=2", imageAlt: "Honest estimate"
|
||||
id: "2", value: "Step 2", title: "Honest Estimate", description: "You receive clear pricing and timeline expectations.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-sitting-table-working-with-papers_1262-16992.jpg", imageAlt: "Honest estimate"
|
||||
},
|
||||
{
|
||||
id: "3", value: "Step 3", title: "Professional Installation", description: "Our crew completes the work efficiently and safely.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-sitting-table-working-with-papers_1262-16992.jpg?_wi=3", imageAlt: "Professional installation"
|
||||
id: "3", value: "Step 3", title: "Professional Installation", description: "Our crew completes the work efficiently and safely.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-sitting-table-working-with-papers_1262-16992.jpg", imageAlt: "Professional installation"
|
||||
},
|
||||
{
|
||||
id: "4", value: "Step 4", title: "Final Walkthrough", description: "We ensure everything meets our standards and yours.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-sitting-table-working-with-papers_1262-16992.jpg?_wi=4", imageAlt: "Final walkthrough"
|
||||
id: "4", value: "Step 4", title: "Final Walkthrough", description: "We ensure everything meets our standards and yours.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-sitting-table-working-with-papers_1262-16992.jpg", imageAlt: "Final walkthrough"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -216,7 +216,7 @@ export default function LandingPage() {
|
||||
{ text: "Request Free Estimate", href: "#contact" },
|
||||
{ text: "Call Now" }
|
||||
]}
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user