Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ddf01943b3 | |||
| 183e3931cd | |||
| 6eb0c9ab33 | |||
| 23cdde7a6c | |||
| aac3a4aa1d |
177
src/app/page.tsx
177
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
|||||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||||
import TextAbout from '@/components/sections/about/TextAbout';
|
import TextAbout from '@/components/sections/about/TextAbout';
|
||||||
import { Award, Clock, Coffee, Leaf, Users } from "lucide-react";
|
import { Award, Clock, Coffee, Leaf, Users, HardHat, Hammer, Building } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -31,71 +31,40 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Company", id: "about" },
|
||||||
name: "Story", id: "about"},
|
{ name: "Services", id: "experience" },
|
||||||
{
|
{ name: "Projects", id: "menu" },
|
||||||
name: "Menu", id: "menu"},
|
{ name: "Contact", id: "visit" },
|
||||||
{
|
|
||||||
name: "Experience", id: "experience"},
|
|
||||||
{
|
|
||||||
name: "Visit", id: "visit"},
|
|
||||||
]}
|
]}
|
||||||
brandName="Mission Coffee House"
|
brandName="Prussman Contracting Co"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitKpi
|
<HeroSplitKpi
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain"}}
|
title="Quality Construction, Built to Last"
|
||||||
title="Where Every Cup Tells a Story"
|
description="Prussman Contracting Co brings expert craftsmanship and reliability to every residential and commercial build. Your vision, expertly executed."
|
||||||
description="Crafted with intention. Served with care. A sanctuary for those who believe great coffee is worth slowing down for."
|
|
||||||
kpis={[
|
kpis={[
|
||||||
{
|
{ value: "30+", label: "Years Active" },
|
||||||
value: "2019", label: "Est. Year"},
|
{ value: "1.2k", label: "Projects Completed" },
|
||||||
{
|
{ value: "100%", label: "Client Satisfaction" },
|
||||||
value: "14", label: "Farm Partners"},
|
|
||||||
{
|
|
||||||
value: "100%", label: "Organic Milk"},
|
|
||||||
]}
|
]}
|
||||||
enableKpiAnimation={false}
|
enableKpiAnimation={false}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "View Projects", href: "#menu" },
|
||||||
text: "Explore the Menu", href: "#menu"},
|
{ text: "Get a Quote", href: "#visit" },
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/man-enjoying-his-virtual-date_23-2149307285.jpg"
|
imageSrc="https://img.b2bpic.net/free-photo/construction-worker-with-hard-hat-plans_23-2149102434.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-22946.jpg", alt: "Customer"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg", alt: "Customer"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-indoor_344912-743.jpg", alt: "Customer"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-cutting-machine-looking-front-with-smile-face-offering-hand-standing-orange-wall_141793-50569.jpg", alt: "Customer"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-22946.jpg", alt: "Customer"},
|
|
||||||
]}
|
|
||||||
marqueeItems={[
|
|
||||||
{
|
|
||||||
type: "text", text: "Ethically Sourced"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Small Batch"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Mission District"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Direct Trade"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Freshly Roasted"},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TextAbout
|
<TextAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Rooted in Purpose, Brewed with Soul"
|
title="Crafting Excellence in Every Detail"
|
||||||
|
tag="Our Legacy"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -105,18 +74,12 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ title: "Residential Build", description: "High-end custom homes with attention to detail.", bentoComponent: "reveal-icon", icon: Building },
|
||||||
title: "Coffee Cupping", description: "Guided sessions every other Friday. Side-by-side tastings.", bentoComponent: "reveal-icon", icon: Coffee,
|
{ title: "Renovations", description: "Transforming existing spaces into modern living areas.", bentoComponent: "reveal-icon", icon: Hammer },
|
||||||
},
|
{ title: "Commercial Sites", description: "Professional solutions for retail and office needs.", bentoComponent: "reveal-icon", icon: HardHat },
|
||||||
{
|
|
||||||
title: "Private Hosting", description: "Exceptional hospitality for your next team off-site or party.", bentoComponent: "reveal-icon", icon: Users,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Barista Workshops", description: "Hands-on classes for enthusiasts and pros.", bentoComponent: "reveal-icon", icon: Award,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="More Than a Coffee Shop"
|
title="Our Core Services"
|
||||||
description="We are a neighborhood institution where relationships are built over ritual."
|
description="We pride ourselves on versatility, safety, and superior project management."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -127,21 +90,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "1", name: "Modern Custom Home", price: "Custom", imageSrc: "https://img.b2bpic.net/free-photo/modern-house-with-large-windows_1130-1017.jpg" },
|
||||||
id: "1", name: "The Mission Espresso", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/barista-making-cappuccino_1150-8042.jpg?_wi=1"},
|
{ id: "2", name: "Kitchen Remodel", price: "Estimate", imageSrc: "https://img.b2bpic.net/free-photo/luxury-kitchen-design_1203-345.jpg" },
|
||||||
{
|
{ id: "3", name: "Commercial Office Build", price: "Contract", imageSrc: "https://img.b2bpic.net/free-photo/office-building-exterior_1127-3204.jpg" },
|
||||||
id: "2", name: "Cortado", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/food-retro-breakfast-cup-restaurant_1172-468.jpg?_wi=1"},
|
|
||||||
{
|
|
||||||
id: "3", name: "Honey Cardamom Latte", price: "$6.50", imageSrc: "http://img.b2bpic.net/free-photo/walnuts-leaves-near-drink-desserts_23-2147885859.jpg?_wi=1"},
|
|
||||||
{
|
|
||||||
id: "4", name: "Flat White", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/barista-making-cappuccino_1150-8042.jpg?_wi=2"},
|
|
||||||
{
|
|
||||||
id: "5", name: "Shakerato", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/food-retro-breakfast-cup-restaurant_1172-468.jpg?_wi=2"},
|
|
||||||
{
|
|
||||||
id: "6", name: "Macchiato", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/walnuts-leaves-near-drink-desserts_23-2147885859.jpg?_wi=2"},
|
|
||||||
]}
|
]}
|
||||||
title="Crafted Selections"
|
title="Featured Projects"
|
||||||
description="Our curated menu reflects our dedication to the art of coffee."
|
description="A collection of our recent work showing our standards of excellence."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -151,18 +105,12 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", icon: Clock, title: "Avg. Turnaround", value: "4 Months" },
|
||||||
id: "m1", icon: Clock,
|
{ id: "m2", icon: Leaf, title: "Green Certification", value: "Gold" },
|
||||||
title: "Serving Years", value: "6+"},
|
{ id: "m3", icon: Coffee, title: "Safety Score", value: "99/100" },
|
||||||
{
|
|
||||||
id: "m2", icon: Leaf,
|
|
||||||
title: "Direct Trade Partners", value: "14"},
|
|
||||||
{
|
|
||||||
id: "m3", icon: Coffee,
|
|
||||||
title: "Weekly Roast Profiles", value: "3"},
|
|
||||||
]}
|
]}
|
||||||
title="By The Numbers"
|
title="Our Performance Metrics"
|
||||||
description="Our craft in numbers, serving our neighborhood every day."
|
description="Results that define why we are the industry standard for quality."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -173,72 +121,37 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", name: "John D.", role: "Homeowner", company: "Davenport Projects", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/portrait-mature-man-smiling_23-2148767673.jpg" },
|
||||||
id: "1", name: "Sarah K.", role: "Regular", company: "Mission Local", rating: 5,
|
{ id: "2", name: "Elena M.", role: "Architect", company: "Design Partners", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/successful-business-woman-holding-documents_1139-389.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-22946.jpg?_wi=1"},
|
|
||||||
{
|
|
||||||
id: "2", name: "Marcus T.", role: "Design Director", company: "Creative Agency", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg"},
|
|
||||||
{
|
|
||||||
id: "3", name: "Priya M.", role: "Guest", company: "Local Resident", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-indoor_344912-743.jpg"},
|
|
||||||
{
|
|
||||||
id: "4", name: "James R.", role: "Barista", company: "Coffee Lovers", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-cutting-machine-looking-front-with-smile-face-offering-hand-standing-orange-wall_141793-50569.jpg"},
|
|
||||||
{
|
|
||||||
id: "5", name: "Emily H.", role: "Guest", company: "Daily Commuter", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-22946.jpg?_wi=2"},
|
|
||||||
]}
|
]}
|
||||||
title="Loved by the Community"
|
title="Trusted by Clients"
|
||||||
description="What our guests say about their Mission Coffee House experience."
|
description="See what partners say about working with Prussman Contracting Co."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="visit" data-section="visit">
|
<div id="visit" data-section="visit">
|
||||||
<ContactSplitForm
|
<ContactSplitForm
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Your Table is Waiting"
|
title="Start Your Build"
|
||||||
description="Visit us at 1247 Mission Street, SF. Join our newsletter to stay connected."
|
description="Ready for your next construction project? Send us your details for an initial consultation."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-diary-spectacles-wooden-desk_23-2147892884.jpg"
|
imageSrc="https://img.b2bpic.net/free-photo/construction-blueprint_1150-13491.jpg"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ items: [{ label: "Services", href: "#experience" }, { label: "Projects", href: "#menu" }, { label: "Careers", href: "#" }] },
|
||||||
items: [
|
{ items: [{ label: "Terms", href: "#" }, { label: "Safety Info", href: "#" }, { label: "Support", href: "#" }] },
|
||||||
{
|
|
||||||
label: "Menu", href: "#menu"},
|
|
||||||
{
|
|
||||||
label: "Visit", href: "#visit"},
|
|
||||||
{
|
|
||||||
label: "Press", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Privacy Policy", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Accessibility", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Wholesale", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoText="MISSION COFFEE HOUSE"
|
logoText="PRUSSMAN CONTRACTING CO"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user