Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
@@ -7,33 +7,28 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Our Coffee",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Our Coffee", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="BrewCraft"
|
||||
/>
|
||||
@@ -58,20 +53,11 @@ export default function LandingPage() {
|
||||
description="The people behind your coffee."
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Roasting",
|
||||
members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Alex",
|
||||
subtitle: "Head Roaster",
|
||||
detail: "10 years experience",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tattooed-barista-holds-blank-package-bags-with-freshly-baked-coffee-beans-ready-sale-deliverybrewing_346278-737.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-barista-making-coffee-using-coffee-machine-cafe_181624-3313.jpg?_wi=2",
|
||||
imageAlt: "Tattooed barista holds blank package bags with freshly baked coffee beans ready for sale and deliverybrewing",
|
||||
},
|
||||
id: "g1", groupTitle: "Roasting", members: [
|
||||
{ id: "m1", title: "Alex", subtitle: "Head Roaster", detail: "10 years experience", imageSrc: "http://img.b2bpic.net/free-photo/tattooed-barista-holds-blank-package-bags-with-freshly-baked-coffee-beans-ready-sale-deliverybrewing_346278-737.jpg" },
|
||||
{ id: "m2", title: "Sam", subtitle: "Lead Roaster", detail: "8 years experience", imageSrc: "http://img.b2bpic.net/free-photo/hand-barista-making-coffee-using-coffee-machine-cafe_181624-3313.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -79,17 +65,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="BrewCraft"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact",
|
||||
href: "/contact",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -7,33 +7,28 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import LegalSection from '@/components/legal/LegalSection';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Our Coffee",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Our Coffee", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="BrewCraft"
|
||||
/>
|
||||
@@ -42,9 +37,7 @@ export default function LandingPage() {
|
||||
<div id="contact-form" data-section="contact-form">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Talk"
|
||||
title="Reach Out to Us"
|
||||
description="Have questions about our beans or wholesale opportunities? Drop us a line."
|
||||
@@ -56,13 +49,8 @@ export default function LandingPage() {
|
||||
layout="section"
|
||||
title="Privacy Information"
|
||||
sections={[
|
||||
{
|
||||
heading: "Data Policy",
|
||||
content: {
|
||||
type: "paragraph",
|
||||
text: "We value your privacy and keep your details secure.",
|
||||
},
|
||||
},
|
||||
{ heading: "Data Policy", content: "We value your privacy and keep your details secure." },
|
||||
{ heading: "Terms", content: "By using our site, you agree to our terms of service." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -70,17 +58,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="BrewCraft"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact",
|
||||
href: "/contact",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
114
src/app/page.tsx
114
src/app/page.tsx
@@ -16,27 +16,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Our Coffee",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Our Coffee", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="BrewCraft"
|
||||
/>
|
||||
@@ -44,33 +39,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Artisanal Coffee, Roasted to Perfection"
|
||||
description="Experience the rich, complex flavors of our small-batch roasted coffee, delivered straight to your door."
|
||||
tag="Small-Batch Roasted"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-barista-making-coffee-using-coffee-machine-cafe_181624-3313.jpg?_wi=1",
|
||||
imageAlt: "fresh coffee beans roasted",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-cup-coffee-with-milk_23-2148337163.jpg",
|
||||
imageAlt: "coffee shop atmosphere rustic",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-coffee-shop_23-2148366680.jpg",
|
||||
imageAlt: "Man working on coffee shop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-shop-equipment_23-2148366535.jpg",
|
||||
imageAlt: "Close-up coffee shop equipment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-barista-brewing-coffee_23-2147830578.jpg",
|
||||
imageAlt: "Crop barista brewing coffee",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hand-barista-making-coffee-using-coffee-machine-cafe_181624-3313.jpg", imageAlt: "fresh coffee beans roasted" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-cup-coffee-with-milk_23-2148337163.jpg", imageAlt: "coffee shop atmosphere rustic" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -95,22 +70,8 @@ export default function LandingPage() {
|
||||
title="What People Say"
|
||||
description="Hear from our passionate coffee community."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Excellent!",
|
||||
quote: "The best roast I've had in years.",
|
||||
name: "Sarah J.",
|
||||
role: "Coffee Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-wooden-desk_23-2148180160.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Freshness",
|
||||
quote: "You can taste the quality in every cup.",
|
||||
name: "Mark D.",
|
||||
role: "Barista",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fragrant-coffee-beans-are-scattered-from-jar-rustic-tabletop-background-closeup-selective-focus-copy-space-banner_166373-2290.jpg",
|
||||
},
|
||||
{ id: "1", title: "Excellent!", quote: "The best roast I've had in years.", name: "Sarah J.", role: "Coffee Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-wooden-desk_23-2148180160.jpg" },
|
||||
{ id: "2", title: "Freshness", quote: "You can taste the quality in every cup.", name: "Mark D.", role: "Barista", imageSrc: "http://img.b2bpic.net/free-photo/fragrant-coffee-beans-are-scattered-from-jar-rustic-tabletop-background-closeup-selective-focus-copy-space-banner_166373-2290.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,24 +84,8 @@ export default function LandingPage() {
|
||||
title="Why Choose Us"
|
||||
description="We prioritize quality and sustainability in everything we do."
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Ethical Sourcing",
|
||||
tags: [
|
||||
"Sustainable",
|
||||
"Fair Trade",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bag-coffee-sitting-shelf_23-2151965914.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Small Batch Roast",
|
||||
tags: [
|
||||
"Artisanal",
|
||||
"Fresh",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concept-tasty-snack-hot-drink-cookies-shape-coffee-seeds_185193-110871.jpg",
|
||||
},
|
||||
{ id: "1", title: "Ethical Sourcing", tags: ["Sustainable", "Fair Trade"], imageSrc: "http://img.b2bpic.net/free-photo/bag-coffee-sitting-shelf_23-2151965914.jpg" },
|
||||
{ id: "2", title: "Small Batch Roast", tags: ["Artisanal", "Fresh"], imageSrc: "http://img.b2bpic.net/free-photo/concept-tasty-snack-hot-drink-cookies-shape-coffee-seeds_185193-110871.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -148,35 +93,22 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Join Us"
|
||||
title="Ready to elevate your morning?"
|
||||
description="Start your journey with BrewCraft today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "/shop",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop Now", href: "/shop" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="BrewCraft"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact",
|
||||
href: "/contact",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -7,33 +7,28 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ShopPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Our Coffee",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Our Coffee", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="BrewCraft"
|
||||
/>
|
||||
@@ -46,60 +41,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "BrewCraft",
|
||||
name: "Midnight Roast",
|
||||
price: "$18",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/culture-canvas-cafe-caffeine-strength_1172-344.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "BrewCraft",
|
||||
name: "Ethiopia Yirgacheffe",
|
||||
price: "$22",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-composition-with-cotton-bag_23-2147671450.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "BrewCraft",
|
||||
name: "Morning Blend",
|
||||
price: "$16",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/coffee-shop-instagram-stories_23-2148693469.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "BrewCraft",
|
||||
name: "Decaf Swiss Water",
|
||||
price: "$19",
|
||||
rating: 4,
|
||||
reviewCount: "55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-plasic-bottle-with-planted-beans_23-2148875859.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "BrewCraft",
|
||||
name: "Sumatra Dark",
|
||||
price: "$20",
|
||||
rating: 5,
|
||||
reviewCount: "140",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-chestnuts-arrangement_23-2148436577.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "BrewCraft",
|
||||
name: "Breakfast Roast",
|
||||
price: "$15",
|
||||
rating: 4,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pile-coffee-beans-lemon-slice-wooden-plate_114579-81998.jpg",
|
||||
},
|
||||
{ id: "1", brand: "BrewCraft", name: "Midnight Roast", price: "$18", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/culture-canvas-cafe-caffeine-strength_1172-344.jpg" },
|
||||
{ id: "2", brand: "BrewCraft", name: "Ethiopia Yirgacheffe", price: "$22", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/coffee-composition-with-cotton-bag_23-2147671450.jpg" },
|
||||
{ id: "3", brand: "BrewCraft", name: "Morning Blend", price: "$16", rating: 4, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-vector/coffee-shop-instagram-stories_23-2148693469.jpg" },
|
||||
{ id: "4", brand: "BrewCraft", name: "Decaf Swiss Water", price: "$19", rating: 4, reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-plasic-bottle-with-planted-beans_23-2148875859.jpg" },
|
||||
{ id: "5", brand: "BrewCraft", name: "Sumatra Dark", price: "$20", rating: 5, reviewCount: "140", imageSrc: "http://img.b2bpic.net/free-photo/front-view-chestnuts-arrangement_23-2148436577.jpg" }
|
||||
]}
|
||||
title="Shop Our Blends"
|
||||
description="Explore our curated selection of single-origin and signature blends."
|
||||
@@ -115,20 +61,9 @@ export default function LandingPage() {
|
||||
title="Featured Beans"
|
||||
description="Our current selection of specialty roasts."
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "House Blend",
|
||||
price: "$17",
|
||||
variant: "250g",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-beans-beige-background_23-2148623198.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Espresso Gold",
|
||||
price: "$21",
|
||||
variant: "500g",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seasoning-caffeine-color-seed-freshness_1172-455.jpg",
|
||||
},
|
||||
{ id: "p1", name: "House Blend", price: "$17", variant: "250g", imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-beans-beige-background_23-2148623198.jpg" },
|
||||
{ id: "p2", name: "Espresso Gold", price: "$21", variant: "500g", imageSrc: "http://img.b2bpic.net/free-photo/seasoning-caffeine-color-seed-freshness_1172-455.jpg" },
|
||||
{ id: "p3", name: "Sumatra Blend", price: "$19", variant: "500g", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black-background-with-drink-cookies_114579-16632.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,17 +71,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="BrewCraft"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact",
|
||||
href: "/contact",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user