Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
233
src/app/page.tsx
233
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 ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Domino's"
|
||||
/>
|
||||
@@ -56,21 +48,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Fresh, Hot, Delivered."
|
||||
description="Experience the world's best pizza, crafted with love and delivered fresh to your door in 30 minutes or less."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-delicious-mushroom-pizza-with-cheese-olives-dark-surface-meal-italian-food-dough-snack-pizza_140725-101756.jpg"
|
||||
imageAlt="fresh delicious pizza table wooden"
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Order Now", href: "#products"},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Menu", href: "#products"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -82,17 +69,11 @@ export default function LandingPage() {
|
||||
description="Since our founding, we've focused on one mission: serving the best pizza on the planet. From our secret sauce to our hand-stretched dough, quality is in every bite."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "Store Locations",
|
||||
},
|
||||
value: "500+", title: "Store Locations"},
|
||||
{
|
||||
value: "1M+",
|
||||
title: "Satisfied Customers",
|
||||
},
|
||||
value: "1M+", title: "Satisfied Customers"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Fresh Ingredients",
|
||||
},
|
||||
value: "100%", title: "Fresh Ingredients"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/from-frame-near-pizza-ingredients_23-2147772079.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -108,29 +89,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Fresh Ingredients",
|
||||
descriptions: [
|
||||
"Locally sourced vegetables and high-quality dairy.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-cooking-pizza-together_23-2150283056.jpg",
|
||||
},
|
||||
id: "f1", title: "Fresh Ingredients", descriptions: [
|
||||
"Locally sourced vegetables and high-quality dairy."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-cooking-pizza-together_23-2150283056.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "30-Minute Guarantee",
|
||||
descriptions: [
|
||||
"Hot pizza every time or it's on us.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-preparing-dough-pizza_23-2148753797.jpg",
|
||||
},
|
||||
id: "f2", title: "30-Minute Guarantee", descriptions: [
|
||||
"Hot pizza every time or it's on us."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-preparing-dough-pizza_23-2148753797.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Custom Crusts",
|
||||
descriptions: [
|
||||
"Pan, thin, or hand-tossed to perfection.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-pizza-wooden-background_23-2148601645.jpg",
|
||||
},
|
||||
id: "f3", title: "Custom Crusts", descriptions: [
|
||||
"Pan, thin, or hand-tossed to perfection."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-pizza-wooden-background_23-2148601645.jpg"},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="We take pride in our process, from farm-to-table ingredients to our state-of-the-art delivery fleet."
|
||||
@@ -145,47 +114,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Pepperoni",
|
||||
price: "$12.99",
|
||||
variant: "Large",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mushroom-pizza-with-vegetable-salad-cola-can_114579-2285.jpg",
|
||||
},
|
||||
id: "p1", name: "Classic Pepperoni", price: "$12.99", variant: "Large", imageSrc: "http://img.b2bpic.net/free-photo/mushroom-pizza-with-vegetable-salad-cola-can_114579-2285.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Margherita Masterpiece",
|
||||
price: "$11.99",
|
||||
variant: "Large",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mixed-meat-pizza-with-pepperoni-chicken-beef_141793-2443.jpg",
|
||||
},
|
||||
id: "p2", name: "Margherita Masterpiece", price: "$11.99", variant: "Large", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mixed-meat-pizza-with-pepperoni-chicken-beef_141793-2443.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Veggie Supreme",
|
||||
price: "$13.99",
|
||||
variant: "Large",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hand-holding-pan-with-cooked-pizza_23-2148361362.jpg",
|
||||
},
|
||||
id: "p3", name: "Veggie Supreme", price: "$13.99", variant: "Large", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hand-holding-pan-with-cooked-pizza_23-2148361362.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Meat Lovers",
|
||||
price: "$14.99",
|
||||
variant: "Large",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-delicious-pizza-with-colorful-bell-peppers-corn-meat-mushrooms_181624-59679.jpg",
|
||||
},
|
||||
id: "p4", name: "Meat Lovers", price: "$14.99", variant: "Large", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-delicious-pizza-with-colorful-bell-peppers-corn-meat-mushrooms_181624-59679.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "BBQ Chicken",
|
||||
price: "$13.99",
|
||||
variant: "Large",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-pizza-with-bell-peppers-herbs-barbecue-sauce_140725-8379.jpg",
|
||||
},
|
||||
id: "p5", name: "BBQ Chicken", price: "$13.99", variant: "Large", imageSrc: "http://img.b2bpic.net/free-photo/chicken-pizza-with-bell-peppers-herbs-barbecue-sauce_140725-8379.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Hawaiian Classic",
|
||||
price: "$12.49",
|
||||
variant: "Large",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cheesy-pizza-with-red-tomatoes-black-olives-bell-peppers-sausages-grey-background-fast-food-italian-dough-meal-food-bake_140725-23177.jpg",
|
||||
},
|
||||
id: "p6", name: "Hawaiian Classic", price: "$12.49", variant: "Large", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cheesy-pizza-with-red-tomatoes-black-olives-bell-peppers-sausages-grey-background-fast-food-italian-dough-meal-food-bake_140725-23177.jpg"},
|
||||
]}
|
||||
title="Our Menu Favorites"
|
||||
description="Choose from our wide selection of classic and specialty pizzas."
|
||||
@@ -200,25 +139,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15M",
|
||||
title: "Pizzas Sold",
|
||||
description: "Across the globe yearly.",
|
||||
icon: Star,
|
||||
id: "m1", value: "15M", title: "Pizzas Sold", description: "Across the globe yearly.", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.8",
|
||||
title: "Avg Rating",
|
||||
description: "From our happy guests.",
|
||||
icon: Award,
|
||||
id: "m2", value: "4.8", title: "Avg Rating", description: "From our happy guests.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "30m",
|
||||
title: "Delivery Time",
|
||||
description: "Average delivery duration.",
|
||||
icon: Timer,
|
||||
id: "m3", value: "30m", title: "Delivery Time", description: "Average delivery duration.", icon: Timer,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -234,25 +161,15 @@ export default function LandingPage() {
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/image-black-woman-sits-sideways-with-glad-expression_273609-28609.jpg",
|
||||
alt: "happy customer eating pizza",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/image-black-woman-sits-sideways-with-glad-expression_273609-28609.jpg", alt: "happy customer eating pizza"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-eating-pizza-restaurant_23-2148172683.jpg",
|
||||
alt: "happy customer eating pizza",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-eating-pizza-restaurant_23-2148172683.jpg", alt: "happy customer eating pizza"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashionable-male-with-beard-appeasing-hunger-while-dining-alone-modern-restaurant-sunny-day-eating-meal-with-knife-fork_273609-1966.jpg",
|
||||
alt: "happy customer eating pizza",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fashionable-male-with-beard-appeasing-hunger-while-dining-alone-modern-restaurant-sunny-day-eating-meal-with-knife-fork_273609-1966.jpg", alt: "happy customer eating pizza"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-people-taking-slices-hot-pizza-from-cardboard-box-table_169016-18833.jpg",
|
||||
alt: "happy customer eating pizza",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-people-taking-slices-hot-pizza-from-cardboard-box-table_169016-18833.jpg", alt: "happy customer eating pizza"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg",
|
||||
alt: "Portrait of happy woman eatingout having breakfast and talking to friend",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg", alt: "Portrait of happy woman eatingout having breakfast and talking to friend"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -265,20 +182,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we offer delivery to your doorstep within 30 minutes.",
|
||||
},
|
||||
id: "q1", title: "Do you offer delivery?", content: "Yes, we offer delivery to your doorstep within 30 minutes."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are your ingredients fresh?",
|
||||
content: "Absolutely, we use only high-quality, fresh ingredients daily.",
|
||||
},
|
||||
id: "q2", title: "Are your ingredients fresh?", content: "Absolutely, we use only high-quality, fresh ingredients daily."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I track my order?",
|
||||
content: "Yes, use our real-time tracker on the app or website.",
|
||||
},
|
||||
id: "q3", title: "Can I track my order?", content: "Yes, use our real-time tracker on the app or website."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Have questions about ordering? We've got answers."
|
||||
@@ -287,70 +195,23 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
<ContactCenter
|
||||
tag="Contact Us"
|
||||
title="Get in Touch"
|
||||
description="Need support or feedback? Reach out to our team today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-deliverywoman-delivering-boxes-pizza_651396-740.jpg"
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageAlt="pizza delivery scooter street"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Submit"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "All Pizzas",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Sides",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Domino's Clone"
|
||||
bottomRightText="All Rights Reserved"
|
||||
<FooterCard
|
||||
logoText="Domino's"
|
||||
copyrightText="© 2024 Domino's Clone"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -15,10 +15,10 @@
|
||||
--foreground: #120006e6;
|
||||
--primary-cta: #e63946;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #15479c;
|
||||
--secondary-cta-text: #120006e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--background-accent: #e63946;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user