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">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Products", id: "#products" },
|
||||||
name: "Products", id: "#products"},
|
{ name: "About", id: "#about" },
|
||||||
{
|
{ name: "Testimonials", id: "#testimonials" },
|
||||||
name: "About", id: "#about"},
|
{ name: "Contact", id: "#contact" },
|
||||||
{
|
|
||||||
name: "Testimonials", id: "#testimonials"},
|
|
||||||
{
|
|
||||||
name: "Contact", id: "#contact"},
|
|
||||||
]}
|
]}
|
||||||
brandName="Corker"
|
brandName="Corker"
|
||||||
/>
|
/>
|
||||||
@@ -47,21 +43,14 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardGallery
|
<HeroBillboardGallery
|
||||||
background={{
|
background={{ variant: "radial-gradient" }}
|
||||||
variant: "radial-gradient"}}
|
|
||||||
title="Transform Your Outdoor Space Today"
|
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."
|
description="Premium outdoor living solutions delivered. From furniture to landscaping materials, we make outdoor excellence accessible to homeowners and professionals alike."
|
||||||
buttons={[
|
buttons={[{ text: "Explore Our Collections", href: "#products" }]}
|
||||||
{
|
|
||||||
text: "Explore Our Collections", href: "#products"},
|
|
||||||
]}
|
|
||||||
mediaItems={[
|
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=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=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"
|
mediaAnimation="blur-reveal"
|
||||||
/>
|
/>
|
||||||
@@ -71,10 +60,7 @@ export default function LandingPage() {
|
|||||||
<TextAbout
|
<TextAbout
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="Redefining Outdoor Living"
|
title="Redefining Outdoor Living"
|
||||||
buttons={[
|
buttons={[{ text: "Our Story" }]}
|
||||||
{
|
|
||||||
text: "Our Story"},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -85,18 +71,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="four-items-2x2-equal-grid"
|
gridVariant="four-items-2x2-equal-grid"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
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: "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: "p2", name: "Teak Sofa", price: "$1,200", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=elewkg"},
|
{ 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: "p3", name: "Decorative Gravel", price: "$50/ton", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=969gth"},
|
{ 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: "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"
|
title="Premium Solutions"
|
||||||
description="Explore our curated selection of high-quality products built for durability and aesthetic beauty."
|
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">
|
<div id="features" data-section="features">
|
||||||
<FeatureBento
|
<FeatureBento
|
||||||
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ title: "Bulk Delivery", description: "Fast shipping to homes and contractors.", bentoComponent: "reveal-icon", icon: Truck },
|
||||||
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: "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"
|
title="Why Choose Corker"
|
||||||
description="Accessible, high-quality, and delivered directly to your project site."
|
description="Accessible, high-quality, and delivered directly to your project site."
|
||||||
@@ -128,7 +103,8 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
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"
|
title="Trusted by Pros"
|
||||||
description="Supplying the best landscape architects and contractors."
|
description="Supplying the best landscape architects and contractors."
|
||||||
/>
|
/>
|
||||||
@@ -138,16 +114,11 @@ export default function LandingPage() {
|
|||||||
<TestimonialCardTwelve
|
<TestimonialCardTwelve
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", name: "Sarah J.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wsl12s" },
|
||||||
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: "2", name: "Mike R.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9w7xx8"},
|
{ 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: "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"
|
cardTitle="Customer Success"
|
||||||
cardAnimation="slide-up"
|
cardAnimation="slide-up"
|
||||||
@@ -159,12 +130,9 @@ export default function LandingPage() {
|
|||||||
<FaqSplitText
|
<FaqSplitText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "f1", title: "Do you deliver?", content: "Yes, we deliver to most local areas." },
|
||||||
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: "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"
|
sideTitle="Common Questions"
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
@@ -174,15 +142,11 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain"}}
|
|
||||||
tag="Get Started"
|
tag="Get Started"
|
||||||
title="Ready for your next project?"
|
title="Ready for your next project?"
|
||||||
description="Contact us today for a free quote."
|
description="Contact us today for a free quote."
|
||||||
buttons={[
|
buttons={[{ text: "Contact Us" }]}
|
||||||
{
|
|
||||||
text: "Contact Us"},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user