Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| bbc3804e96 | |||
| 5bd5ce4b1f | |||
| a04bec39e7 |
274
src/app/page.tsx
274
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "#why-us",
|
||||
},
|
||||
name: "Why Us", id: "#why-us"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#gallery",
|
||||
},
|
||||
name: "Gallery", id: "#gallery"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
]}
|
||||
brandName="Western Gravel & Roofing"
|
||||
/>
|
||||
@@ -60,101 +50,56 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Superior Roofing Supply in San Francisco"
|
||||
variant: "gradient-bars"}}
|
||||
title="Same-Day Roofing Delivery in San Francisco"
|
||||
description="Your trusted partner for premium roofing materials. Same-day delivery, expert advice, and a massive inventory for all your contracting needs."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alejandro Hinojosa",
|
||||
handle: "@contractor",
|
||||
testimonial: "Best service in the industry. They go above and beyond ensuring materials are scheduled accordingly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-construction-wearing-protection-gear_23-2148784062.jpg",
|
||||
},
|
||||
name: "Alejandro Hinojosa", handle: "@contractor", testimonial: "Best service in the industry. They go above and beyond ensuring materials are scheduled accordingly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-construction-wearing-protection-gear_23-2148784062.jpg"},
|
||||
{
|
||||
name: "John Gerber",
|
||||
handle: "@localguide",
|
||||
testimonial: "They have all kinds of roofing material and same day delivery!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-latin-man-architect-smiling-confident-standing-with-arms-crossed-gesture-street_839833-2747.jpg",
|
||||
},
|
||||
name: "John Gerber", handle: "@localguide", testimonial: "They have all kinds of roofing material and same day delivery!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-latin-man-architect-smiling-confident-standing-with-arms-crossed-gesture-street_839833-2747.jpg"},
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@probuilder",
|
||||
testimonial: "Professional team that truly understands the urgency of construction deadlines.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foreman-with-arms-crossed_23-2147711019.jpg",
|
||||
},
|
||||
name: "Sarah Miller", handle: "@probuilder", testimonial: "Professional team that truly understands the urgency of construction deadlines.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foreman-with-arms-crossed_23-2147711019.jpg"},
|
||||
{
|
||||
name: "Mark Wilson",
|
||||
handle: "@roofer",
|
||||
testimonial: "Consistent, high-quality supplies every single time. My go-to store.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-manual-worker_1398-1720.jpg",
|
||||
},
|
||||
name: "Mark Wilson", handle: "@roofer", testimonial: "Consistent, high-quality supplies every single time. My go-to store.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-manual-worker_1398-1720.jpg"},
|
||||
{
|
||||
name: "Elena Torres",
|
||||
handle: "@generalcon",
|
||||
testimonial: "Incredible inventory range and very fair pricing for local pros.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-male-florist-with-colorful-flowers-shop_23-2148075323.jpg",
|
||||
},
|
||||
name: "Elena Torres", handle: "@generalcon", testimonial: "Incredible inventory range and very fair pricing for local pros.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-male-florist-with-colorful-flowers-shop_23-2148075323.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:4158229000",
|
||||
},
|
||||
text: "Call Now", href: "tel:4158229000"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/round-steel_1127-3292.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/worker-helping-customer-in-roofing-supply-store_123456.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-with-heavy-wooden-materials_23-2148976280.jpg",
|
||||
alt: "Man working with heavy wooden materials",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-with-heavy-wooden-materials_23-2148976280.jpg", alt: "Man working with heavy wooden materials"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-young-blonde-lady-posing-outdoors_171337-19426.jpg",
|
||||
alt: "Serious young blonde lady posing outdoors",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/serious-young-blonde-lady-posing-outdoors_171337-19426.jpg", alt: "Serious young blonde lady posing outdoors"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/metallic-wall-with-sky_23-2148107065.jpg",
|
||||
alt: "Metallic wall with sky",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/metallic-wall-with-sky_23-2148107065.jpg", alt: "Metallic wall with sky"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836784.jpg",
|
||||
alt: "Modern skyscrapers in japan business district",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836784.jpg", alt: "Modern skyscrapers in japan business district"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8673.jpg",
|
||||
alt: "3D Geometric Weave Abstract Wallpaper Background",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8673.jpg", alt: "3D Geometric Weave Abstract Wallpaper Background"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Same-Day Delivery",
|
||||
},
|
||||
type: "text", text: "Same-Day Delivery"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Support",
|
||||
},
|
||||
type: "text", text: "Expert Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Stock",
|
||||
},
|
||||
type: "text", text: "Premium Stock"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Competitive Prices",
|
||||
},
|
||||
type: "text", text: "Competitive Prices"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Reliable Service",
|
||||
},
|
||||
type: "text", text: "Reliable Service"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -166,38 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Roofing Shingles",
|
||||
author: "High Performance",
|
||||
description: "Wide array of asphalt, fiberglass, and composite shingles.",
|
||||
tags: [
|
||||
"Residential",
|
||||
"Durable",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-construction_1127-104.jpg",
|
||||
},
|
||||
id: "f1", title: "Roofing Shingles", author: "High Performance", description: "Wide array of asphalt, fiberglass, and composite shingles.", tags: [
|
||||
"Residential", "Durable"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-construction_1127-104.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Metal Roofing",
|
||||
author: "Industrial Grade",
|
||||
description: "Durable metal panels and systems for long-lasting performance.",
|
||||
tags: [
|
||||
"Commercial",
|
||||
"Heavy-Duty",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg",
|
||||
},
|
||||
id: "f2", title: "Metal Roofing", author: "Industrial Grade", description: "Durable metal panels and systems for long-lasting performance.", tags: [
|
||||
"Commercial", "Heavy-Duty"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Same-Day Delivery",
|
||||
author: "Fast Service",
|
||||
description: "Call ahead and get your materials delivered exactly when you need them.",
|
||||
tags: [
|
||||
"Logistics",
|
||||
"Fast",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg",
|
||||
},
|
||||
id: "f3", title: "Same-Day Delivery", author: "Fast Service", description: "Call ahead and get your materials delivered exactly when you need them.", tags: [
|
||||
"Logistics", "Fast"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg"},
|
||||
]}
|
||||
title="Our Roofing Solutions"
|
||||
description="Comprehensive selection of premium products to help you complete your projects on time and under budget."
|
||||
@@ -225,41 +149,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Asphalt Shingles",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/many-metal-kegs-beer_1398-2532.jpg",
|
||||
},
|
||||
id: "p1", name: "Asphalt Shingles", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/many-metal-kegs-beer_1398-2532.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Metal Roofing Panels",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/agricultural-silo_146671-19121.jpg",
|
||||
},
|
||||
id: "p2", name: "Metal Roofing Panels", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/agricultural-silo_146671-19121.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Underlayment Rolls",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8671.jpg",
|
||||
},
|
||||
id: "p3", name: "Underlayment Rolls", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8671.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Roof Flashing",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-razor-blades-with-yellow-background_23-2150970031.jpg",
|
||||
},
|
||||
id: "p4", name: "Roof Flashing", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/top-view-razor-blades-with-yellow-background_23-2150970031.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Vents & Gutters",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg",
|
||||
},
|
||||
id: "p5", name: "Vents & Gutters", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Fasteners & Sealants",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-tiles-warehouse-closeup-selective-focus-construction-repair-houses-delivery-sale-building-materials_166373-3212.jpg",
|
||||
},
|
||||
id: "p6", name: "Fasteners & Sealants", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/roof-tiles-warehouse-closeup-selective-focus-construction-repair-houses-delivery-sale-building-materials_166373-3212.jpg"},
|
||||
]}
|
||||
title="Product Gallery"
|
||||
description="View our extensive selection of roofing essentials and supplies."
|
||||
@@ -273,40 +173,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alejandro Hinojosa",
|
||||
handle: "@contractor",
|
||||
testimonial: "Customer service is the best in the industry. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg",
|
||||
},
|
||||
id: "t1", name: "Alejandro Hinojosa", handle: "@contractor", testimonial: "Customer service is the best in the industry. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John Gerber",
|
||||
handle: "@localguide",
|
||||
testimonial: "All kinds of roofing material and same day delivery. Great value.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-business-owner-making-coffee_23-2149434549.jpg",
|
||||
},
|
||||
id: "t2", name: "John Gerber", handle: "@localguide", testimonial: "All kinds of roofing material and same day delivery. Great value.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-business-owner-making-coffee_23-2149434549.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Miller",
|
||||
handle: "@probuilder",
|
||||
testimonial: "They always go above and beyond for our team on every project.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-site_23-2151983464.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah Miller", handle: "@probuilder", testimonial: "They always go above and beyond for our team on every project.", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-site_23-2151983464.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Wilson",
|
||||
handle: "@roofer",
|
||||
testimonial: "Consistent supply and reliable delivery. My go-to in San Francisco.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clients-realtor-touring-new-high-class-office-space_482257-90948.jpg",
|
||||
},
|
||||
id: "t4", name: "Mark Wilson", handle: "@roofer", testimonial: "Consistent supply and reliable delivery. My go-to in San Francisco.", imageSrc: "http://img.b2bpic.net/free-photo/clients-realtor-touring-new-high-class-office-space_482257-90948.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena Torres",
|
||||
handle: "@generalcon",
|
||||
testimonial: "Expert advice and fair pricing. They keep our projects on track.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-architect-looking-camera_23-2148242889.jpg",
|
||||
},
|
||||
id: "t5", name: "Elena Torres", handle: "@generalcon", testimonial: "Expert advice and fair pricing. They keep our projects on track.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-architect-looking-camera_23-2148242889.jpg"},
|
||||
]}
|
||||
title="What Contractors Say"
|
||||
description="Building lasting relationships with our clients through quality service and honest communication."
|
||||
@@ -319,25 +194,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you provide same-day delivery?",
|
||||
content: "Yes, we offer same-day delivery for most in-stock items when ordered early. Please call us to confirm.",
|
||||
},
|
||||
id: "q1", title: "Do you provide same-day delivery?", content: "Yes, we offer same-day delivery for most in-stock items when ordered early. Please call us to confirm."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Where are you located?",
|
||||
content: "We are located at 1426 Donner Ave, San Francisco, CA 94124.",
|
||||
},
|
||||
id: "q2", title: "Where are you located?", content: "We are located at 1426 Donner Ave, San Francisco, CA 94124."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What are your business hours?",
|
||||
content: "We are open Monday through Friday, closing at 4:30 PM.",
|
||||
},
|
||||
id: "q3", title: "What are your business hours?", content: "We are open Monday through Friday, closing at 4:30 PM."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Can I pick up my own supplies?",
|
||||
content: "Absolutely. You can place your order over the phone and pick it up directly from our Donner Ave facility.",
|
||||
},
|
||||
id: "q4", title: "Can I pick up my own supplies?", content: "Absolutely. You can place your order over the phone and pick it up directly from our Donner Ave facility."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our supply store and delivery services."
|
||||
@@ -349,14 +212,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Ready to get started on your next roofing project? Give us a call or visit our San Francisco warehouse today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call (415) 822-9000",
|
||||
href: "tel:4158229000",
|
||||
},
|
||||
text: "Call (415) 822-9000", href: "tel:4158229000"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -367,29 +227,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
label: "Gallery", href: "#gallery"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
label: "Directions", href: "https://maps.google.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -399,4 +249,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user