Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 56a9f7b0c5 | |||
| cc5b2d3db6 | |||
| e21367f772 | |||
| da5e71b4b4 |
139
src/app/page.tsx
139
src/app/page.tsx
@@ -32,151 +32,90 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Location", id: "#location" },
|
||||
{ name: "Portfolio", id: "#portfolio" },
|
||||
{ name: "Why Us", id: "#why-choose-us" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Food Zone"
|
||||
button={{ text: "Order Now", href: "#menu" }}
|
||||
brandName="Creative Studio"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Food Zone"
|
||||
description="Delicious Food, Unforgettable Taste. Fresh, Fast & Hygienic Meals for Everyone."
|
||||
title="Transforming Digital Ideas"
|
||||
description="Professional web development services for modern businesses."
|
||||
buttons={[
|
||||
{ text: "Order Now", href: "#menu" },
|
||||
{ text: "Call Us", href: "tel:+8801700000000" },
|
||||
{ text: "View Projects", href: "#portfolio" },
|
||||
{ text: "Contact", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fast-food-menu-two-person-cafe_114579-1125.jpg", imageAlt: "Hero image 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-food-cutting-board_23-2148287542.jpg", imageAlt: "Hero image 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-fast-food-meal_23-2149291684.jpg", imageAlt: "Hero image 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/two-appetizing-cheeseburgers_23-2147684661.jpg", imageAlt: "Hero image 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fresh-salad-with-avocado-raddish-orange-arugula-sauce_140725-1337.jpg", imageAlt: "Hero image 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cheeseburger-with-pickles-fries_141793-120.jpg", imageAlt: "Hero image 6" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/web-design-concept-with-drawings_1134-77.jpg", imageAlt: "Creative work" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Welcome to Food Zone"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
title="Our Portfolio"
|
||||
description="Showcasing our latest web development projects."
|
||||
products={[
|
||||
{ id: "m1", name: "Burger", price: "120 BDT", imageSrc: "http://img.b2bpic.net/free-photo/pair-hands-holding-fresh-juicy-burger-with-lettuce-onions-cheese-black-background_181624-59244.jpg" },
|
||||
{ id: "m2", name: "Pizza", price: "250 BDT", imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-peppers-olives-cheese_501050-821.jpg" },
|
||||
{ id: "m3", name: "Fried Chicken", price: "150 BDT", imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-chicken-isolated-white-background_839833-17804.jpg" },
|
||||
{ id: "m4", name: "Pasta", price: "200 BDT", imageSrc: "http://img.b2bpic.net/free-photo/pasta-tomato-sauce-with-olives-tomato-grated-parmesan-top-view_140725-6764.jpg" },
|
||||
{ id: "m5", name: "Coffee", price: "80 BDT", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tasty-coffee-cappuccino-white-cup-with-spoon-tab_1220-1251.jpg" },
|
||||
{ id: "m6", name: "Fries", price: "100 BDT", imageSrc: "http://img.b2bpic.net/free-photo/crispy-golden-french-fries-close-up_84443-72275.jpg" },
|
||||
{ id: "p1", name: "Restaurant Website", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/table-setting-restaurant_144627-44040.jpg" },
|
||||
{ id: "p2", name: "Clothing Brand", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/fashion-store-interior_1150-17551.jpg" },
|
||||
{ id: "p3", name: "Gym Website", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/modern-gym-equipment_1150-17552.jpg" },
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Tasty, fresh, and hygienic food items."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="special" data-section="special">
|
||||
<div id="why-choose-us" data-section="why-choose-us">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Us"
|
||||
description="We deliver high-quality, modern web solutions tailored to your needs."
|
||||
features={[
|
||||
{ title: "Buy 1 Get 1", description: "Free on Friday", imageSrc: "http://img.b2bpic.net/free-photo/pepperoni-pizza-with-herbs-top_141793-902.jpg" },
|
||||
{ title: "Combo Meals", description: "Best value for you", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-wings-tray-with-green-onions-lemon_23-2148699035.jpg" },
|
||||
{ title: "Weekly Specials", description: "Try something new", imageSrc: "http://img.b2bpic.net/free-photo/authentic-italian-pasta_24972-2336.jpg" },
|
||||
{ title: "Mobile Friendly", description: "Responsive design for all devices.", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-design-apps_1134-79.jpg" },
|
||||
{ title: "Fast Loading", description: "Optimized for speed and SEO.", imageSrc: "http://img.b2bpic.net/free-photo/rocket-launch-concept_1134-80.jpg" },
|
||||
{ title: "Modern UI/UX", description: "Clean, intuitive interfaces.", imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-design-wireframes_1134-81.jpg" },
|
||||
{ title: "Affordable Price", description: "High value at competitive rates.", imageSrc: "http://img.b2bpic.net/free-photo/wallet-money-concept_1134-82.jpg" },
|
||||
]}
|
||||
title="Special Offers"
|
||||
description="Check out our weekly specials and combos."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hours" data-section="hours">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "h1", value: "10AM-11PM", title: "Sat-Thu", description: "Open", imageSrc: "http://img.b2bpic.net/free-photo/cup-hot-cappuccino-with-froth_140725-9609.jpg" },
|
||||
{ id: "h2", value: "2PM-11PM", title: "Friday", description: "Open", imageSrc: "http://img.b2bpic.net/free-photo/white-coffee-cup-with-spoon-with-cafe-background_157027-4444.jpg" },
|
||||
{ id: "h3", value: "Dhaka", title: "Location", description: "Bangladesh", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-service-industry_23-2150722787.jpg" },
|
||||
]}
|
||||
title="Opening Hours"
|
||||
description="Always ready to serve you."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Ayesha Khan", role: "Foodie", company: "Dhaka", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg" },
|
||||
{ id: "t2", name: "Rahul Ahmed", role: "Student", company: "Dhaka", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/asian-friends-couple-eating-pizza-party-pizzeria-happy-indian-people-having-fun-together-eating-italian-food-sitting-couch_627829-1247.jpg" },
|
||||
{ id: "t3", name: "Sara Begum", role: "Mom", company: "Dhaka", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-family-relaxing-while-talking-dining-table_637285-12669.jpg" },
|
||||
{ id: "t4", name: "Imran Hasan", role: "Professional", company: "Dhaka", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424026.jpg" },
|
||||
{ id: "t5", name: "Fatima Noor", role: "Food Critic", company: "Dhaka", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-eating-fast-food_23-2150404778.jpg" },
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Real feedback from food lovers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer home delivery?", content: "Yes, we offer fast delivery within Dhaka." },
|
||||
{ id: "f2", title: "Are your ingredients fresh?", content: "Absolutely. Quality is our priority." },
|
||||
{ id: "f3", title: "Can I book a table?", content: "Yes, call us to book your reservation." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Need help? Check our FAQs."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Contact Us"
|
||||
description="Have questions? We are here to help."
|
||||
useInvertedBackground={true}
|
||||
title="Get In Touch"
|
||||
description="Have a project in mind? Contact us today."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email" },
|
||||
{ name: "name", type: "text", placeholder: "Full Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-asian-woman-holds-cup-coffee-prepare-drinks-clients-cafe-working_1258-199269.jpg"
|
||||
textarea={{ name: "message", placeholder: "Tell us about your project" }}
|
||||
buttonText="Send Message"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-people-meeting-modern-office_1134-83.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Food Zone"
|
||||
logoText="Creative Studio"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore", items: [
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "About", href: "#about" },
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Portfolio", href: "#portfolio" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
title: "Services", items: [
|
||||
{ label: "Web Design", href: "#why-choose-us" },
|
||||
{ label: "Support", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -185,4 +124,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -12,12 +12,12 @@
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #120006e6;
|
||||
--primary-cta: #e63946;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #15479c;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #120006e6;
|
||||
--accent: #e2e2e2;
|
||||
--accent: #0a7039;
|
||||
--background-accent: #c4c4c4;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
|
||||
Reference in New Issue
Block a user