Merge version_2 into main #2
227
src/app/page.tsx
227
src/app/page.tsx
@@ -29,25 +29,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AC’oncrete 🍀"
|
||||
/>
|
||||
@@ -59,70 +49,38 @@ export default function LandingPage() {
|
||||
description="High Desert and Inland Empire's premier concrete and hardscape experts. Licensed, insured, and dedicated to timeless craftsmanship."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "AC’oncrete transformed our backyard into a modern masterpiece. Professional and punctual.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-plants_23-2148013421.jpg",
|
||||
},
|
||||
name: "John D.", handle: "@johnd", testimonial: "AC’oncrete transformed our backyard into a modern masterpiece. Professional and punctual.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-plants_23-2148013421.jpg"},
|
||||
{
|
||||
name: "Sarah M.",
|
||||
handle: "@sarahm",
|
||||
testimonial: "The ironwork and concrete finishes are top-tier. Highly recommended for any custom build.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-man-with-orange-life-jacket_23-2147562089.jpg",
|
||||
},
|
||||
name: "Sarah M.", handle: "@sarahm", testimonial: "The ironwork and concrete finishes are top-tier. Highly recommended for any custom build.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-man-with-orange-life-jacket_23-2147562089.jpg"},
|
||||
{
|
||||
name: "Michael R.",
|
||||
handle: "@michaelr",
|
||||
testimonial: "Exemplary craftsmanship. They turned our desert lot into a lush, usable sanctuary.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-outdoors-white-shirt-looking-camera_197531-33797.jpg",
|
||||
},
|
||||
name: "Michael R.", handle: "@michaelr", testimonial: "Exemplary craftsmanship. They turned our desert lot into a lush, usable sanctuary.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-outdoors-white-shirt-looking-camera_197531-33797.jpg"},
|
||||
{
|
||||
name: "Emily P.",
|
||||
handle: "@emilyp",
|
||||
testimonial: "Truly premium service. The attention to detail in the retaining walls is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-taking-break-outdoors_23-2147562552.jpg",
|
||||
},
|
||||
name: "Emily P.", handle: "@emilyp", testimonial: "Truly premium service. The attention to detail in the retaining walls is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-taking-break-outdoors_23-2147562552.jpg"},
|
||||
{
|
||||
name: "David L.",
|
||||
handle: "@davidl",
|
||||
testimonial: "Stellar communication and even better results. The turf and paving look perfect.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-redhead-model-man-sits-swing-room-with-loft-interior_613910-20177.jpg",
|
||||
},
|
||||
name: "David L.", handle: "@davidl", testimonial: "Stellar communication and even better results. The turf and paving look perfect.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-redhead-model-man-sits-swing-room-with-loft-interior_613910-20177.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Project",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Your Project", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bty2xgzfWzJRKPwKU8ermeQJKu/wide-angle-golden-hour-shot-of-a-high-en-1775540266976-346410bc.png"
|
||||
imageAlt="Luxury outdoor concrete hardscape design"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-plants_23-2148013421.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-plants_23-2148013421.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-happy-man-with-orange-life-jacket_23-2147562089.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-happy-man-with-orange-life-jacket_23-2147562089.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-outdoors-white-shirt-looking-camera_197531-33797.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-outdoors-white-shirt-looking-camera_197531-33797.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/workers-taking-break-outdoors_23-2147562552.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/workers-taking-break-outdoors_23-2147562552.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-redhead-model-man-sits-swing-room-with-loft-interior_613910-20177.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-redhead-model-man-sits-swing-room-with-loft-interior_613910-20177.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ satisfied homeowners"
|
||||
/>
|
||||
@@ -135,33 +93,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Retaining Walls",
|
||||
subtitle: "Durable and aesthetic structural solutions",
|
||||
category: "Concrete",
|
||||
value: "Strength",
|
||||
},
|
||||
id: "f1", title: "Retaining Walls", subtitle: "Durable and aesthetic structural solutions", category: "Concrete", value: "Strength"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Custom Hardscape",
|
||||
subtitle: "Geometric designs for your lifestyle",
|
||||
category: "Design",
|
||||
value: "Craft",
|
||||
},
|
||||
id: "f2", title: "Custom Hardscape", subtitle: "Geometric designs for your lifestyle", category: "Design", value: "Craft"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Artificial Turf",
|
||||
subtitle: "Lush, low-maintenance green spaces",
|
||||
category: "Turf",
|
||||
value: "Green",
|
||||
},
|
||||
id: "f3", title: "Artificial Turf", subtitle: "Lush, low-maintenance green spaces", category: "Turf", value: "Green"},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Iron Gates",
|
||||
subtitle: "Elegant and secure entrance features",
|
||||
category: "Metal",
|
||||
value: "Style",
|
||||
},
|
||||
id: "f4", title: "Iron Gates", subtitle: "Elegant and secure entrance features", category: "Metal", value: "Style"},
|
||||
]}
|
||||
title="Premium Hardscape Solutions"
|
||||
description="We specialize in elevated outdoor transformations that blend strength with sophisticated aesthetics."
|
||||
@@ -176,59 +114,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "AC'oncrete",
|
||||
name: "Modern Pathway",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bty2xgzfWzJRKPwKU8ermeQJKu/close-up-shot-of-premium-concrete-retain-1775540267444-61d0f1f9.png?_wi=1",
|
||||
},
|
||||
id: "p1", brand: "AC'oncrete", name: "Modern Pathway", price: "Custom", rating: 5,
|
||||
reviewCount: "10", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bty2xgzfWzJRKPwKU8ermeQJKu/close-up-shot-of-premium-concrete-retain-1775540267444-61d0f1f9.png?_wi=1"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "AC'oncrete",
|
||||
name: "Security Gate",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bty2xgzfWzJRKPwKU8ermeQJKu/custom-black-iron-gate-ornate-craftsmans-1775540267103-6f582cdb.png?_wi=1",
|
||||
},
|
||||
id: "p2", brand: "AC'oncrete", name: "Security Gate", price: "Custom", rating: 5,
|
||||
reviewCount: "8", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bty2xgzfWzJRKPwKU8ermeQJKu/custom-black-iron-gate-ornate-craftsmans-1775540267103-6f582cdb.png?_wi=1"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "AC'oncrete",
|
||||
name: "Desert Oasis",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bty2xgzfWzJRKPwKU8ermeQJKu/lush-artificial-turf-installation-perfec-1775540266811-951382cf.png?_wi=1",
|
||||
},
|
||||
id: "p3", brand: "AC'oncrete", name: "Desert Oasis", price: "Custom", rating: 5,
|
||||
reviewCount: "12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bty2xgzfWzJRKPwKU8ermeQJKu/lush-artificial-turf-installation-perfec-1775540266811-951382cf.png?_wi=1"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "AC'oncrete",
|
||||
name: "Luxury Wall",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bty2xgzfWzJRKPwKU8ermeQJKu/close-up-shot-of-premium-concrete-retain-1775540267444-61d0f1f9.png?_wi=2",
|
||||
},
|
||||
id: "p4", brand: "AC'oncrete", name: "Luxury Wall", price: "Custom", rating: 5,
|
||||
reviewCount: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bty2xgzfWzJRKPwKU8ermeQJKu/close-up-shot-of-premium-concrete-retain-1775540267444-61d0f1f9.png?_wi=2"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "AC'oncrete",
|
||||
name: "Turf Layout",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "9",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bty2xgzfWzJRKPwKU8ermeQJKu/lush-artificial-turf-installation-perfec-1775540266811-951382cf.png?_wi=2",
|
||||
},
|
||||
id: "p5", brand: "AC'oncrete", name: "Turf Layout", price: "Custom", rating: 5,
|
||||
reviewCount: "9", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bty2xgzfWzJRKPwKU8ermeQJKu/lush-artificial-turf-installation-perfec-1775540266811-951382cf.png?_wi=2"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "AC'oncrete",
|
||||
name: "Iron Entryway",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "7",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bty2xgzfWzJRKPwKU8ermeQJKu/custom-black-iron-gate-ornate-craftsmans-1775540267103-6f582cdb.png?_wi=2",
|
||||
},
|
||||
id: "p6", brand: "AC'oncrete", name: "Iron Entryway", price: "Custom", rating: 5,
|
||||
reviewCount: "7", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bty2xgzfWzJRKPwKU8ermeQJKu/custom-black-iron-gate-ornate-craftsmans-1775540267103-6f582cdb.png?_wi=2"},
|
||||
]}
|
||||
title="Our Transformations"
|
||||
description="See the quality and precision of our latest projects in the Inland Empire and High Desert."
|
||||
@@ -244,25 +146,9 @@ export default function LandingPage() {
|
||||
description="Tips, trends, and maintenance guides for your concrete and iron outdoor investments."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Maintenance",
|
||||
title: "Caring for Your Concrete",
|
||||
excerpt: "Keep your pathways looking new for decades.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bty2xgzfWzJRKPwKU8ermeQJKu/close-up-shot-of-premium-concrete-retain-1775540267444-61d0f1f9.png?_wi=3",
|
||||
authorName: "Team AC'oncrete",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/woman-plants_23-2148013421.jpg",
|
||||
date: "March 2025",
|
||||
},
|
||||
id: "b1", category: "Maintenance", title: "Caring for Your Concrete", excerpt: "Keep your pathways looking new for decades.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bty2xgzfWzJRKPwKU8ermeQJKu/close-up-shot-of-premium-concrete-retain-1775540267444-61d0f1f9.png?_wi=3", authorName: "Team AC'oncrete", authorAvatar: "http://img.b2bpic.net/free-photo/woman-plants_23-2148013421.jpg", date: "March 2025"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Design",
|
||||
title: "Modern Desert Landscaping",
|
||||
excerpt: "How to blend greenery with hardscape aesthetics.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bty2xgzfWzJRKPwKU8ermeQJKu/lush-artificial-turf-installation-perfec-1775540266811-951382cf.png?_wi=3",
|
||||
authorName: "Team AC'oncrete",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/close-up-happy-man-with-orange-life-jacket_23-2147562089.jpg",
|
||||
date: "February 2025",
|
||||
},
|
||||
id: "b2", category: "Design", title: "Modern Desert Landscaping", excerpt: "How to blend greenery with hardscape aesthetics.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bty2xgzfWzJRKPwKU8ermeQJKu/lush-artificial-turf-installation-perfec-1775540266811-951382cf.png?_wi=3", authorName: "Team AC'oncrete", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-happy-man-with-orange-life-jacket_23-2147562089.jpg", date: "February 2025"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -271,14 +157,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
text="Ready to transform your outdoor living space? We’re currently accepting projects in the High Desert and Inland Empire."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:info@aconcrete.com",
|
||||
},
|
||||
text: "Contact Us Now", href: "mailto:info@aconcrete.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -287,33 +170,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Portfolio", href: "#portfolio"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -324,4 +195,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4f0;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #1c1c1c;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffffe6;
|
||||
--primary-cta: #e6e6e6;
|
||||
--primary-cta-text: #f5f4f0;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #1c1c1c;
|
||||
--accent: #0a7039;
|
||||
--background-accent: #a8d9be;
|
||||
--accent: #737373;
|
||||
--background-accent: #737373;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user