Merge version_2 into main #1
237
src/app/page.tsx
237
src/app/page.tsx
@@ -2,10 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
@@ -32,42 +32,29 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "about",
|
||||
},
|
||||
name: "Why Us", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Order",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Order", id: "contact"},
|
||||
]}
|
||||
brandName="YOUR BRAND"
|
||||
brandName="CORSOLUTIONS"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Street Food. Reinvented."
|
||||
description="Premium hot dogs, loaded fries & signature sauces."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Order Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-frame-with-onion-rings-copy-space_23-2148308827.jpg"
|
||||
imageAlt="gourmet street food"
|
||||
@@ -79,18 +66,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Why We’re",
|
||||
},
|
||||
type: "text", content: "Why We’re"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-chef-squeezing-lemon-fish-slices-knife-cutting-board-vegetables-wood-serving-board-kitchen-table_179666-44303.jpg",
|
||||
alt: "professional chef kitchen",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/front-view-chef-squeezing-lemon-fish-slices-knife-cutting-board-vegetables-wood-serving-board-kitchen-table_179666-44303.jpg", alt: "professional chef kitchen"},
|
||||
{
|
||||
type: "text",
|
||||
content: "Different",
|
||||
},
|
||||
type: "text", content: "Different"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,29 +83,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Faster Delivery",
|
||||
description: "Optimized delivery system to ensure your food arrives when you need it.",
|
||||
},
|
||||
title: "Faster Delivery", description: "Optimized delivery system to ensure your food arrives when you need it."},
|
||||
{
|
||||
icon: Flame,
|
||||
title: "Always Hot & Fresh",
|
||||
description: "Our methods guarantee quality in every bite.",
|
||||
},
|
||||
title: "Always Hot & Fresh", description: "Our methods guarantee quality in every bite."},
|
||||
{
|
||||
icon: MapPin,
|
||||
title: "Better Experience",
|
||||
description: "A physical space designed for your comfort.",
|
||||
},
|
||||
title: "Better Experience", description: "A physical space designed for your comfort."},
|
||||
{
|
||||
icon: Smartphone,
|
||||
title: "Easy Ordering",
|
||||
description: "Seamless digital experience, anytime, anywhere.",
|
||||
},
|
||||
title: "Easy Ordering", description: "Seamless digital experience, anytime, anywhere."},
|
||||
{
|
||||
icon: Flame,
|
||||
title: "Artisanal Prep",
|
||||
description: "Hand-crafted techniques for unmatched flavor profiles.",
|
||||
},
|
||||
title: "Artisanal Prep", description: "Hand-crafted techniques for unmatched flavor profiles."},
|
||||
]}
|
||||
title="Fixing What Others Don't"
|
||||
description="We believe fast food deserves a premium upgrade."
|
||||
@@ -140,59 +110,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Signature",
|
||||
name: "Gratinated Hot Dog",
|
||||
price: "$8.50",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sausages-pan-with-sauces-onion_23-2148679015.jpg",
|
||||
},
|
||||
id: "p1", brand: "Signature", name: "Gratinated Hot Dog", price: "$8.50", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sausages-pan-with-sauces-onion_23-2148679015.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Signature",
|
||||
name: "Chili Cheese Fries",
|
||||
price: "$6.00",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cracker-chips-with-cup-tea-blue-surface_140725-62137.jpg",
|
||||
},
|
||||
id: "p2", brand: "Signature", name: "Chili Cheese Fries", price: "$6.00", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cracker-chips-with-cup-tea-blue-surface_140725-62137.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Signature",
|
||||
name: "Papipollo Supreme",
|
||||
price: "$10.50",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-fastfood-orange-plate-appetizing-chicken-wings-french-fries-lemon-with-three-types-sauces-left-side-dark-table_140725-117228.jpg",
|
||||
},
|
||||
id: "p3", brand: "Signature", name: "Papipollo Supreme", price: "$10.50", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-fastfood-orange-plate-appetizing-chicken-wings-french-fries-lemon-with-three-types-sauces-left-side-dark-table_140725-117228.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Signature",
|
||||
name: "Truffle Fries",
|
||||
price: "$7.50",
|
||||
rating: 4,
|
||||
reviewCount: "80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-baked-potato-fries-with-mayonnaise-tomato-sauce-rosemary-wooden-board-tasty-french-fries-cutting-board-brown-paper-bag-black-stone-table-background-unhealthy-food_1150-41840.jpg",
|
||||
},
|
||||
id: "p4", brand: "Signature", name: "Truffle Fries", price: "$7.50", rating: 4,
|
||||
reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/homemade-baked-potato-fries-with-mayonnaise-tomato-sauce-rosemary-wooden-board-tasty-french-fries-cutting-board-brown-paper-bag-black-stone-table-background-unhealthy-food_1150-41840.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Signature",
|
||||
name: "Classic Loaded",
|
||||
price: "$7.00",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teriyaki-chicken-burger_1339-3593.jpg",
|
||||
},
|
||||
id: "p5", brand: "Signature", name: "Classic Loaded", price: "$7.00", rating: 5,
|
||||
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/teriyaki-chicken-burger_1339-3593.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Signature",
|
||||
name: "Extreme Crunch",
|
||||
price: "$9.00",
|
||||
rating: 5,
|
||||
reviewCount: "65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holds-bubble-waffle-from-street-food-truck_346278-37.jpg",
|
||||
},
|
||||
id: "p6", brand: "Signature", name: "Extreme Crunch", price: "$9.00", rating: 5,
|
||||
reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/man-holds-bubble-waffle-from-street-food-truck_346278-37.jpg"},
|
||||
]}
|
||||
title="Top Picks"
|
||||
description="Taste our signature flavor combinations."
|
||||
@@ -207,25 +141,15 @@ export default function LandingPage() {
|
||||
author="Sarah Johnson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-arranging-table-restaurant_23-2147936228.jpg",
|
||||
alt: "happy diner portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-arranging-table-restaurant_23-2147936228.jpg", alt: "happy diner portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friendly-waitress-with-cup-hot-drink_23-2147775876.jpg",
|
||||
alt: "happy diner portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/friendly-waitress-with-cup-hot-drink_23-2147775876.jpg", alt: "happy diner portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-lifestyle-portrait-happy-exited-pretty-woman-with-pink-hairs-having-dinner-vintage-american-cafe-eating-hot-dog-french-fries-mil-shake-junk-food-cheat-meal-pastel-colors_291049-341.jpg",
|
||||
alt: "happy diner portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-lifestyle-portrait-happy-exited-pretty-woman-with-pink-hairs-having-dinner-vintage-american-cafe-eating-hot-dog-french-fries-mil-shake-junk-food-cheat-meal-pastel-colors_291049-341.jpg", alt: "happy diner portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3666.jpg",
|
||||
alt: "happy diner portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3666.jpg", alt: "happy diner portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
|
||||
alt: "happy diner portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg", alt: "happy diner portrait"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -233,83 +157,42 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long is delivery?",
|
||||
content: "We aim to deliver within 30 minutes in central areas.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are ingredients fresh?",
|
||||
content: "Yes, we source fresh local ingredients daily.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer catering?",
|
||||
content: "Yes, please contact us for custom event orders.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Where can I find you?",
|
||||
content: "We are located in the heart of the city, open late.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Any vegan options?",
|
||||
content: "Yes, we have a growing selection of plant-based snacks.",
|
||||
},
|
||||
{ id: "1", title: "How long is delivery?", content: "We aim to deliver within 30 minutes in central areas." },
|
||||
{ id: "2", title: "Are ingredients fresh?", content: "Yes, we source fresh local ingredients daily." },
|
||||
{ id: "3", title: "Do you offer catering?", content: "Yes, please contact us for custom event orders." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/i-m-hungry-hands-man-looking-food-delivery-app-his-smartphone-ordering-dinner-online_662251-2108.jpg"
|
||||
title="Frequently Asked"
|
||||
description="Answers to your questions about our service."
|
||||
faqsAnimation="blur-reveal"
|
||||
mediaAnimation="blur-reveal"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Ready to Taste It?"
|
||||
description="Place your order today via WhatsApp or phone."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Order/Message",
|
||||
rows: 4,
|
||||
}}
|
||||
<ContactSplit
|
||||
tag="Contact"
|
||||
title="Connect with CORSOLUTIONS"
|
||||
description="Let’s elevate your brand together. Reach out for expert strategies."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/restaurant-sign_1101-909.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="YOUR BRAND"
|
||||
leftLink={{
|
||||
text: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me",
|
||||
}}
|
||||
<FooterBaseReveal
|
||||
logoText="CORSOLUTIONS"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#products" }]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 CORSOLUTIONS. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-poppins), sans-serif;
|
||||
font-family: var(--font-playfair), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-poppins), sans-serif;
|
||||
font-family: var(--font-playfair), sans-serif;
|
||||
}
|
||||
|
||||
@@ -12,13 +12,13 @@
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffffe6;
|
||||
--primary-cta: #e6e6e6;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #ffd700;
|
||||
--primary-cta-text: #0a0a0a;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta: #333333;
|
||||
--secondary-cta-text: #ffffffe6;
|
||||
--accent: #737373;
|
||||
--background-accent: #737373;
|
||||
--accent: #c0c0c0;
|
||||
--background-accent: #2a2a2a;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user