Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 533cf9b942 | |||
| 67463bd44e | |||
| 6328e94328 | |||
| fe535f0337 | |||
| 2ebe7452ed |
@@ -4,13 +4,13 @@
|
|||||||
/* Base units */
|
/* Base units */
|
||||||
/* --vw is set by ThemeProvider */
|
/* --vw is set by ThemeProvider */
|
||||||
|
|
||||||
--background: #fffcfa;;
|
--background: #fefef5;
|
||||||
--card: #fffaf7;;
|
--card: #fdfdf0;
|
||||||
--foreground: #220a00;;
|
--foreground: #1a1a00;
|
||||||
--primary-cta: #e8590c;;
|
--primary-cta: #ffcf40;
|
||||||
--secondary-cta: #ffffff;;
|
--secondary-cta: #ffffff;
|
||||||
--accent: #ff8c42;;
|
--accent: #facc15;
|
||||||
--background-accent: #e8590c;;
|
--background-accent: #ffbf00;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
@@ -495,7 +495,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-work-sans), sans-serif;
|
font-family: var(--font-inter-tight), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -508,5 +508,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-work-sans), sans-serif;
|
font-family: var(--font-inter-tight), sans-serif;
|
||||||
}
|
}
|
||||||
@@ -1,12 +1,13 @@
|
|||||||
import type { Metadata } from "next";
|
import type { Metadata } from "next";
|
||||||
import { Work_Sans } from "next/font/google";
|
import { Cormorant_Garamond } from "next/font/google";
|
||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
|
|
||||||
const workSans = Work_Sans({
|
const cormorantGaramond = Cormorant_Garamond({
|
||||||
variable: "--font-work-sans",
|
variable: "--font-cormorant-garamond",
|
||||||
subsets: ["latin"],
|
subsets: ["latin"],
|
||||||
|
weight: ["300", "400", "500", "600", "700"],
|
||||||
});
|
});
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
@@ -39,7 +40,7 @@ export default function RootLayout({
|
|||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body
|
<body
|
||||||
className={`${workSans.variable} antialiased`}
|
className={`${cormorantGaramond.variable} antialiased`}
|
||||||
>
|
>
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
|
|||||||
@@ -8,7 +8,7 @@ import FeatureCardTwenty from '@/components/sections/feature/FeatureCardTwenty';
|
|||||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import ContactText from '@/components/sections/contact/ContactText';
|
||||||
import FooterSocial from '@/components/sections/footer/FooterSocial';
|
import FooterSocial from '@/components/sections/footer/FooterSocial';
|
||||||
import { Flame, Instagram, Facebook } from "lucide-react";
|
import { Flame, Instagram } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -18,7 +18,7 @@ export default function LandingPage() {
|
|||||||
borderRadius="pill"
|
borderRadius="pill"
|
||||||
contentWidth="large"
|
contentWidth="large"
|
||||||
sizing="largeSizeExtraLargeSpacing"
|
sizing="largeSizeExtraLargeSpacing"
|
||||||
background="dotGrid"
|
background="aurora"
|
||||||
cardStyle="shadow-colored"
|
cardStyle="shadow-colored"
|
||||||
primaryButtonStyle="flat"
|
primaryButtonStyle="flat"
|
||||||
secondaryButtonStyle="glass"
|
secondaryButtonStyle="glass"
|
||||||
@@ -56,8 +56,7 @@ export default function LandingPage() {
|
|||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<InlineImageSplitTextAbout
|
<InlineImageSplitTextAbout
|
||||||
heading={[
|
heading={[
|
||||||
{ type: "text", content: "Crafted Excellence" },
|
{ type: "text", content: "Crafted Excellence meets timeless tradition at Steak & Fire. We believe in sourcing the finest beef, aging it to perfection, and grilling it with passion. Our heritage spans over two decades of dedicated service." }
|
||||||
{ type: "text", content: "meets timeless tradition at Steak & Fire. We believe in sourcing the finest beef, aging it to perfection, and grilling it with passion. Our heritage spans over two decades of dedicated service to food enthusiasts and connoisseurs alike. Each steak is a masterpiece, prepared with meticulous attention to detail and an unwavering commitment to excellence. We partner exclusively with premier ranches known for their sustainable practices and superior cattle breeding, ensuring every cut meets our exacting standards. Our chefs, trained in both classical French technique and modern culinary innovation, bring decades of combined expertise to each plate. Beyond the meat, our sommelier-curated wine collection features over 500 selections from the world's finest vineyards, perfectly matched to complement your dining experience. We invite you to join us for more than just a meal—join us for a celebration of culinary craftsmanship and the art of fine dining." }
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Our Story", href: "#", props: { bgClassName: "bg-blue-600 hover:bg-blue-700" } }
|
{ text: "Our Story", href: "#", props: { bgClassName: "bg-blue-600 hover:bg-blue-700" } }
|
||||||
@@ -168,7 +167,7 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactText
|
||||||
text="Ready to experience the finest steakhouse dining? Reserve your table today and join us for an unforgettable evening of premium cuts and exceptional service."
|
text="Send message for us for reserve table for your party"
|
||||||
animationType="entrance-slide"
|
animationType="entrance-slide"
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Reserve Table", href: "#" },
|
{ text: "Reserve Table", href: "#" },
|
||||||
@@ -208,8 +207,7 @@ export default function LandingPage() {
|
|||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
socialLinks={[
|
socialLinks={[
|
||||||
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" }
|
||||||
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" }
|
|
||||||
]}
|
]}
|
||||||
copyrightText="© Steak & Fire Restaurant, 2025. All rights reserved."
|
copyrightText="© Steak & Fire Restaurant, 2025. All rights reserved."
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user