Merge version_1 into main #1
263
src/app/page.tsx
263
src/app/page.tsx
@@ -32,29 +32,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SG Wholesale"
|
||||
/>
|
||||
@@ -63,51 +51,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Trusted Roofing Supplies for Contractors & Homeowners"
|
||||
description="Premium quality roofing materials, wholesale pricing, and fast local delivery. Your reliable partner in roofing success since 2005."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request a Quote", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+15550102030",
|
||||
},
|
||||
text: "Call Now", href: "tel:+15550102030"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-heavy-wooden-materials_23-2148976281.jpg",
|
||||
imageAlt: "Roofing Supplies Warehouse",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-heavy-wooden-materials_23-2148976281.jpg", imageAlt: "Roofing Supplies Warehouse"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-new-warehouse_1385-442.jpg",
|
||||
imageAlt: "Roofing Supplies Warehouse",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/interior-new-warehouse_1385-442.jpg", imageAlt: "Roofing Supplies Warehouse"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closed-urban-window_23-2148107127.jpg",
|
||||
imageAlt: "Roofing Supplies Warehouse",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/closed-urban-window_23-2148107127.jpg", imageAlt: "Roofing Supplies Warehouse"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg",
|
||||
imageAlt: "Roofing Supplies Warehouse",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg", imageAlt: "Roofing Supplies Warehouse"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-heavy-wooden-materials_23-2148976280.jpg",
|
||||
imageAlt: "Roofing Supplies Warehouse",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-heavy-wooden-materials_23-2148976280.jpg", imageAlt: "Roofing Supplies Warehouse"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brick-factory-that-burned-brick_1150-15104.jpg",
|
||||
imageAlt: "Roofing Supplies Warehouse",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/brick-factory-that-burned-brick_1150-15104.jpg", imageAlt: "Roofing Supplies Warehouse"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,14 +82,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"RoofCo",
|
||||
"Apex Build",
|
||||
"City Roofing",
|
||||
"Premium Homes",
|
||||
"Trust Builders",
|
||||
"Reliable Construction",
|
||||
"Pro Roofing Team",
|
||||
]}
|
||||
"RoofCo", "Apex Build", "City Roofing", "Premium Homes", "Trust Builders", "Reliable Construction", "Pro Roofing Team"]}
|
||||
title="Trusted by Local Pros"
|
||||
description="Our supplies power the most reliable contractors in the region."
|
||||
/>
|
||||
@@ -138,53 +96,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Asphalt Shingles",
|
||||
price: "From $45/sq",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg",
|
||||
},
|
||||
id: "p1", name: "Asphalt Shingles", price: "From $45/sq", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Metal Roofing",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg",
|
||||
},
|
||||
id: "p2", name: "Metal Roofing", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Roof Underlayment",
|
||||
price: "From $30/roll",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-vinyls-arrangement_23-2149728632.jpg",
|
||||
},
|
||||
id: "p3", name: "Roof Underlayment", price: "From $30/roll", imageSrc: "http://img.b2bpic.net/free-photo/decorative-vinyls-arrangement_23-2149728632.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Roofing Tools",
|
||||
price: "Professional Grade",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-construction-tools-as-brick-hammer-pipe-wrench-safety-helmet-wooden-background_141793-14293.jpg",
|
||||
},
|
||||
id: "p4", name: "Roofing Tools", price: "Professional Grade", imageSrc: "http://img.b2bpic.net/free-photo/side-view-construction-tools-as-brick-hammer-pipe-wrench-safety-helmet-wooden-background_141793-14293.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Flashing Material",
|
||||
price: "From $15/item",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17794.jpg",
|
||||
},
|
||||
id: "p5", name: "Flashing Material", price: "From $15/item", imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17794.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Industrial Sealants",
|
||||
price: "From $12/tube",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-hammer-construction_23-2150530707.jpg",
|
||||
},
|
||||
id: "p6", name: "Industrial Sealants", price: "From $12/tube", imageSrc: "http://img.b2bpic.net/free-photo/view-hammer-construction_23-2150530707.jpg"},
|
||||
{
|
||||
id: "p7",
|
||||
name: "Commercial Supplies",
|
||||
price: "Wholesale Quotes",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-corner-with-sky_23-2148106888.jpg",
|
||||
},
|
||||
id: "p7", name: "Commercial Supplies", price: "Wholesale Quotes", imageSrc: "http://img.b2bpic.net/free-photo/building-corner-with-sky_23-2148106888.jpg"},
|
||||
{
|
||||
id: "p8",
|
||||
name: "Fast Local Delivery",
|
||||
price: "Call for Rate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172489.jpg",
|
||||
},
|
||||
id: "p8", name: "Fast Local Delivery", price: "Call for Rate", imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172489.jpg"},
|
||||
]}
|
||||
title="Our Roofing Products"
|
||||
description="High-quality supplies for every roofing project requirement."
|
||||
@@ -193,38 +119,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "18+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Family owned",
|
||||
"Market experts",
|
||||
"Proven reliability",
|
||||
],
|
||||
id: "m1", value: "18+", title: "Years Experience", items: [
|
||||
"Family owned", "Market experts", "Proven reliability"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12k+",
|
||||
title: "Projects Supplied",
|
||||
items: [
|
||||
"Residential homes",
|
||||
"Commercial buildings",
|
||||
"Expert support",
|
||||
],
|
||||
id: "m2", value: "12k+", title: "Projects Supplied", items: [
|
||||
"Residential homes", "Commercial buildings", "Expert support"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Customer Retention",
|
||||
items: [
|
||||
"Trusted quality",
|
||||
"Consistent supply",
|
||||
"Fair pricing",
|
||||
],
|
||||
id: "m3", value: "99%", title: "Customer Retention", items: [
|
||||
"Trusted quality", "Consistent supply", "Fair pricing"],
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -239,67 +148,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
role: "Contractor",
|
||||
company: "Apex Build",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-carpenter_329181-2828.jpg",
|
||||
},
|
||||
id: "1", name: "John Doe", role: "Contractor", company: "Apex Build", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-carpenter_329181-2828.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Smith",
|
||||
role: "Homeowner",
|
||||
company: "N/A",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-attractive-glasses-interior-designer-working-house-site-renovation-construction-progress-with-smile-confident-desk-with-blue-print-drawing-tool_609648-514.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah Smith", role: "Homeowner", company: "N/A", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-attractive-glasses-interior-designer-working-house-site-renovation-construction-progress-with-smile-confident-desk-with-blue-print-drawing-tool_609648-514.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Robert Brown",
|
||||
role: "Manager",
|
||||
company: "Trust Builders",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg",
|
||||
},
|
||||
id: "3", name: "Robert Brown", role: "Manager", company: "Trust Builders", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Linda White",
|
||||
role: "Owner",
|
||||
company: "City Roofing",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg",
|
||||
},
|
||||
id: "4", name: "Linda White", role: "Owner", company: "City Roofing", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mike Ross",
|
||||
role: "Technician",
|
||||
company: "RoofCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-examines-construction-drawing-while-holding-electrical-cable-his-hand-work-site_169016-12042.jpg",
|
||||
},
|
||||
id: "5", name: "Mike Ross", role: "Technician", company: "RoofCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-examines-construction-drawing-while-holding-electrical-cable-his-hand-work-site_169016-12042.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Emma Lee",
|
||||
role: "Builder",
|
||||
company: "Pro Roofing",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-architect-hard-hat_1303-18998.jpg",
|
||||
},
|
||||
id: "6", name: "Emma Lee", role: "Builder", company: "Pro Roofing", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-architect-hard-hat_1303-18998.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Avg Rating"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Google Reviews",
|
||||
},
|
||||
value: "500+", label: "Google Reviews"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "On-time Delivery",
|
||||
},
|
||||
value: "100%", label: "On-time Delivery"},
|
||||
]}
|
||||
title="Client Reviews"
|
||||
description="See why local contractors choose us for their roofing supplies."
|
||||
@@ -323,8 +196,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Free Quote"
|
||||
title="Request a Roofing Quote"
|
||||
description="Tell us about your needs and our team will get back to you with a competitive quote shortly."
|
||||
@@ -339,50 +211,31 @@ export default function LandingPage() {
|
||||
logoText="SG Wholesale"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Shingles",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shingles", href: "#products"},
|
||||
{
|
||||
label: "Metal",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Metal", href: "#products"},
|
||||
{
|
||||
label: "Tools",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Tools", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user