Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 954d406124 | |||
| bba325f4ef | |||
| 8d63e7a3d2 | |||
| 0f79cf10e1 | |||
| 31696603f4 | |||
| 371fc491b3 | |||
| 2332973d7e |
@@ -4,13 +4,13 @@
|
|||||||
/* Base units */
|
/* Base units */
|
||||||
/* --vw is set by ThemeProvider */
|
/* --vw is set by ThemeProvider */
|
||||||
|
|
||||||
--background: #fffef7;;
|
--background: #fffaf5;
|
||||||
--card: #fffdf0;;
|
--card: #fff7f0;
|
||||||
--foreground: #221a00;;
|
--foreground: #1a0800;
|
||||||
--primary-cta: #ffae00;;
|
--primary-cta: #ff8c42;
|
||||||
--secondary-cta: #ffffff;;
|
--secondary-cta: #ffffff;
|
||||||
--accent: #eab308;;
|
--accent: #ffaa70;
|
||||||
--background-accent: #ca8a04;;
|
--background-accent: #ff8c42;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
@@ -495,7 +495,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-fraunces), sans-serif;
|
font-family: var(--font-poppins), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -508,5 +508,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-fraunces), sans-serif;
|
font-family: var(--font-poppins), sans-serif;
|
||||||
}
|
}
|
||||||
@@ -1,12 +1,13 @@
|
|||||||
import type { Metadata } from "next";
|
import type { Metadata } from "next";
|
||||||
import { Fraunces } from "next/font/google";
|
import { Poppins } from "next/font/google";
|
||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
|
|
||||||
const fraunces = Fraunces({
|
const poppins = Poppins({
|
||||||
variable: "--font-fraunces",
|
variable: "--font-poppins",
|
||||||
subsets: ["latin"],
|
subsets: ["latin"],
|
||||||
|
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
|
||||||
});
|
});
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
@@ -48,7 +49,7 @@ export default function RootLayout({
|
|||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body
|
<body
|
||||||
className={fraunces.variable}
|
className={poppins.variable}
|
||||||
>
|
>
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
"use client"
|
"use client";
|
||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
@@ -9,20 +9,22 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
|
|||||||
import SocialProofThree from '@/components/sections/socialProof/SocialProofThree';
|
import SocialProofThree from '@/components/sections/socialProof/SocialProofThree';
|
||||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||||
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||||
|
import { Zap, Heart, Smile, Sun } from 'lucide-react';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="hover-magnetic"
|
defaultButtonVariant="bounce-effect"
|
||||||
defaultTextAnimation="background-highlight"
|
defaultTextAnimation="entrance-slide"
|
||||||
borderRadius="pill"
|
borderRadius="rounded"
|
||||||
contentWidth="small"
|
contentWidth="medium"
|
||||||
sizing="small"
|
sizing="medium"
|
||||||
background="dotGrid"
|
background="floatingGradient"
|
||||||
cardStyle="elevated-accent"
|
cardStyle="gradient-mesh"
|
||||||
primaryButtonStyle="gradient"
|
primaryButtonStyle="neon-glow-border"
|
||||||
secondaryButtonStyle="layered"
|
secondaryButtonStyle="minimal"
|
||||||
headingFontWeight="extrabold"
|
headingFontWeight="bold"
|
||||||
>
|
>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
@@ -102,6 +104,69 @@ export default function LandingPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="competitors" data-section="competitors">
|
||||||
|
<PricingCardFive
|
||||||
|
title="How We Compare"
|
||||||
|
description="See why Brew Haven stands out from the competition. We deliver superior quality, service, and value."
|
||||||
|
tag="Our Advantage"
|
||||||
|
tagIcon={Zap}
|
||||||
|
animationType="slide-up"
|
||||||
|
variant="card"
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground="noInvert"
|
||||||
|
plans={[
|
||||||
|
{
|
||||||
|
id: "competitor-1",
|
||||||
|
tag: "Standard Coffee Shop",
|
||||||
|
price: "$3-4",
|
||||||
|
period: "/cup",
|
||||||
|
description: "Mass-produced, pre-roasted beans with inconsistent quality and limited selections.",
|
||||||
|
button: { text: "Learn More", href: "#" },
|
||||||
|
featuresTitle: "What You Get:",
|
||||||
|
features: [
|
||||||
|
"Pre-roasted beans",
|
||||||
|
"Limited drink options",
|
||||||
|
"Standard service",
|
||||||
|
"Basic pastries"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "competitor-2",
|
||||||
|
tag: "Corporate Chain",
|
||||||
|
price: "$5-7",
|
||||||
|
period: "/cup",
|
||||||
|
description: "Branded experience with standardized recipes and high-volume production prioritizing speed over quality.",
|
||||||
|
button: { text: "Learn More", href: "#" },
|
||||||
|
featuresTitle: "What You Get:",
|
||||||
|
features: [
|
||||||
|
"Standardized recipes",
|
||||||
|
"Quick service",
|
||||||
|
"Branded atmosphere",
|
||||||
|
"Commercial pastries"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "brew-haven",
|
||||||
|
tag: "Brew Haven",
|
||||||
|
tagIcon: Zap,
|
||||||
|
price: "$4.50-5.75",
|
||||||
|
period: "/cup",
|
||||||
|
description: "Specialty-roasted fresh daily with personalized service and artisanal craftsmanship in every cup.",
|
||||||
|
button: { text: "Visit Us Today", href: "contact" },
|
||||||
|
featuresTitle: "What You Get:",
|
||||||
|
features: [
|
||||||
|
"Fresh daily roasting",
|
||||||
|
"Single-origin selections",
|
||||||
|
"Personalized service",
|
||||||
|
"Handcrafted pastries",
|
||||||
|
"Knowledgeable baristas",
|
||||||
|
"Community focus"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardTen
|
<TestimonialCardTen
|
||||||
title="What Our Customers Say"
|
title="What Our Customers Say"
|
||||||
|
|||||||
Reference in New Issue
Block a user