Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #3.
This commit is contained in:
100
src/app/page.tsx
100
src/app/page.tsx
@@ -32,14 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Corker"
|
||||
/>
|
||||
@@ -47,21 +43,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Transform Your Outdoor Space Today"
|
||||
description="Premium outdoor living solutions delivered. From furniture to landscaping materials, we make outdoor excellence accessible to homeowners and professionals alike."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Collections", href: "#products"},
|
||||
]}
|
||||
buttons={[{ text: "Explore Our Collections", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c6r75m", imageAlt: "Luxury outdoor living patio"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x6u3ap", imageAlt: "Professional landscaping materials"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lbrwev", imageAlt: "Outdoor furniture set"},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c6r75m", imageAlt: "Luxury outdoor living patio" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x6u3ap", imageAlt: "Professional landscaping materials" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lbrwev", imageAlt: "Outdoor furniture set" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -71,10 +60,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Redefining Outdoor Living"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story"},
|
||||
]}
|
||||
buttons={[{ text: "Our Story" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -85,18 +71,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Stone Pavers", price: "$15/sqft", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uvr5vf"},
|
||||
{
|
||||
id: "p2", name: "Teak Sofa", price: "$1,200", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=elewkg"},
|
||||
{
|
||||
id: "p3", name: "Decorative Gravel", price: "$50/ton", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=969gth"},
|
||||
{
|
||||
id: "p4", name: "Masonry Blocks", price: "$8/block", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q2kpzl"},
|
||||
{
|
||||
id: "p5", name: "Steel Fire Pit", price: "$450", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6a5tid"},
|
||||
{
|
||||
id: "p6", name: "Teak Dining Chair", price: "$295", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jdahv7"},
|
||||
{ id: "p1", name: "Stone Pavers", price: "$15/sqft", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uvr5vf" },
|
||||
{ id: "p2", name: "Teak Sofa", price: "$1,200", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=elewkg" },
|
||||
{ id: "p3", name: "Decorative Gravel", price: "$50/ton", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=969gth" },
|
||||
{ id: "p4", name: "Masonry Blocks", price: "$8/block", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q2kpzl" },
|
||||
{ id: "p5", name: "Steel Fire Pit", price: "$450", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6a5tid" },
|
||||
{ id: "p6", name: "Teak Dining Chair", price: "$295", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jdahv7" },
|
||||
]}
|
||||
title="Premium Solutions"
|
||||
description="Explore our curated selection of high-quality products built for durability and aesthetic beauty."
|
||||
@@ -105,18 +85,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Bulk Delivery", description: "Fast shipping to homes and contractors.", bentoComponent: "reveal-icon", icon: Truck
|
||||
},
|
||||
{
|
||||
title: "Premium Quality", description: "Hand-picked materials that last.", bentoComponent: "reveal-icon", icon: ShieldCheck
|
||||
},
|
||||
{
|
||||
title: "Volume Pricing", description: "Competitive rates for large orders.", bentoComponent: "reveal-icon", icon: DollarSign
|
||||
},
|
||||
{ title: "Bulk Delivery", description: "Fast shipping to homes and contractors.", bentoComponent: "reveal-icon", icon: Truck },
|
||||
{ title: "Premium Quality", description: "Hand-picked materials that last.", bentoComponent: "reveal-icon", icon: ShieldCheck },
|
||||
{ title: "Volume Pricing", description: "Competitive rates for large orders.", bentoComponent: "reveal-icon", icon: DollarSign },
|
||||
]}
|
||||
title="Why Choose Corker"
|
||||
description="Accessible, high-quality, and delivered directly to your project site."
|
||||
@@ -128,7 +103,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Landscape Pro", "Modern Designs", "Garden Masters", "Green City", "Urban Oasis", "Elite Yards", "Premier Spaces"]}
|
||||
"Landscape Pro", "Modern Designs", "Garden Masters", "Green City", "Urban Oasis", "Elite Yards", "Premier Spaces"
|
||||
]}
|
||||
title="Trusted by Pros"
|
||||
description="Supplying the best landscape architects and contractors."
|
||||
/>
|
||||
@@ -138,16 +114,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah J.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wsl12s"},
|
||||
{
|
||||
id: "2", name: "Mike R.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9w7xx8"},
|
||||
{
|
||||
id: "3", name: "Elena D.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8m09a7"},
|
||||
{
|
||||
id: "4", name: "David K.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=grz71c"},
|
||||
{
|
||||
id: "5", name: "James B.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=av5yse"},
|
||||
{ id: "1", name: "Sarah J.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wsl12s" },
|
||||
{ id: "2", name: "Mike R.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9w7xx8" },
|
||||
{ id: "3", name: "Elena D.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8m09a7" },
|
||||
{ id: "4", name: "David K.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=grz71c" },
|
||||
{ id: "5", name: "James B.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=av5yse" },
|
||||
]}
|
||||
cardTitle="Customer Success"
|
||||
cardAnimation="slide-up"
|
||||
@@ -159,12 +130,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Do you deliver?", content: "Yes, we deliver to most local areas."},
|
||||
{
|
||||
id: "f2", title: "Can I pick up?", content: "Pickup is available at our main location."},
|
||||
{
|
||||
id: "f3", title: "Do you have wholesale?", content: "Yes, we offer special contractor pricing."},
|
||||
{ id: "f1", title: "Do you deliver?", content: "Yes, we deliver to most local areas." },
|
||||
{ id: "f2", title: "Can I pick up?", content: "Pickup is available at our main location." },
|
||||
{ id: "f3", title: "Do you have wholesale?", content: "Yes, we offer special contractor pricing." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -174,15 +142,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get Started"
|
||||
title="Ready for your next project?"
|
||||
description="Contact us today for a free quote."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us"},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user