Merge version_2 into main #4
115
src/app/page.tsx
115
src/app/page.tsx
@@ -2,12 +2,12 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -25,112 +25,77 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Review", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Review", id: "contact" },
|
||||
]}
|
||||
brandName="Café Feedback"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
<HeroLogoBillboard
|
||||
logoText="Café Feedback Platform"
|
||||
description="Your voice matters! Tell us about your recent visit and help us craft the perfect coffee experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Give Feedback", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-food-photos_23-2149294502.jpg?_wi=1", imageAlt: "Cozy cafe interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-food-photos_23-2149294502.jpg?_wi=2", imageAlt: "Coffee preparation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-food-photos_23-2149294502.jpg?_wi=3", imageAlt: "Fresh artisan pastries"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-food-photos_23-2149294502.jpg?_wi=4", imageAlt: "Relaxing coffee ambiance"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-food-photos_23-2149294502.jpg?_wi=5", imageAlt: "Friendly customer service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-food-photos_23-2149294502.jpg?_wi=6", imageAlt: "Specialty coffee selection"},
|
||||
]}
|
||||
buttons={[{ text: "Give Feedback", href: "#contact" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-taking-food-photos_23-2149294502.jpg?_wi=1"
|
||||
imageAlt="Cozy cafe atmosphere"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
<TextAbout
|
||||
title="Our Passion for Coffee"
|
||||
tag="Our Mission"
|
||||
description="We believe that every cup tells a story. From sourcing ethical beans to the perfect roast, we are dedicated to excellence. Your feedback helps us maintain the standards you expect and love."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064692.jpg?_wi=1"
|
||||
imageAlt="Barista serving fresh coffee"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
<ProductCardOne
|
||||
title="Our Signature Blends"
|
||||
description="Discover the artisan roasts that our customers love the most."
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
textboxLayout="split-description"
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "Café Feedback", name: "Ethiopian Yirgacheffe", price: "$18.00", rating: 5,
|
||||
reviewCount: "124", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-food-photos_23-2149294502.jpg?_wi=7"},
|
||||
id: "1", name: "Ethiopian Yirgacheffe", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-food-photos_23-2149294502.jpg?_wi=7"
|
||||
},
|
||||
{
|
||||
id: "2", brand: "Café Feedback", name: "Colombia Supremo", price: "$16.00", rating: 4,
|
||||
reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064692.jpg?_wi=2"},
|
||||
id: "2", name: "Colombia Supremo", price: "$16.00", imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064692.jpg?_wi=2"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
text="Fill out our form and let us know about your visit. Your reviews help us grow."
|
||||
buttons={[
|
||||
{
|
||||
text: "Submit Review", href: "#"},
|
||||
<ContactSplitForm
|
||||
title="Tell us your thoughts"
|
||||
description="We value your input. Let us know how we can make your experience better."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
textarea={{ name: "feedback", placeholder: "How was your visit?", rows: 5 }}
|
||||
mediaPosition="left"
|
||||
buttonText="Submit Review"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
<FooterLogoReveal
|
||||
logoText="Café Feedback"
|
||||
columns={[
|
||||
{
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Give Feedback", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Policy", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user