@aws505/sheetsite 1.0.0 → 1.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws505/sheetsite",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "publishConfig": {
     "access": "public"
   },

package/src/components/layout/Footer.tsx

@@ -33,10 +33,10 @@ export interface FooterProps {
 
 const defaultQuickLinks: FooterLink[] = [
   { label: 'Home', href: '/' },
-  { label: 'Services', href: '/services' },
-  { label: 'About', href: '/about' },
-  { label: 'Contact', href: '/contact' },
-  { label: 'Privacy Policy', href: '/privacy' },
+  { label: 'Services', href: '/#services' },
+  { label: 'Hours', href: '/#hours' },
+  { label: 'Reviews', href: '/#reviews' },
+  { label: 'FAQ', href: '/#faq' },
 ];
 
 const dayNames: Record<string, string> = {

package/src/components/layout/Header.tsx

@@ -26,10 +26,10 @@ export interface HeaderProps {
 
 const defaultNavigation: NavItem[] = [
   { label: 'Home', href: '/' },
-  { label: 'Services', href: '/services' },
-  { label: 'Gallery', href: '/gallery' },
-  { label: 'About', href: '/about' },
-  { label: 'Contact', href: '/contact' },
+  { label: 'Services', href: '/#services' },
+  { label: 'Hours', href: '/#hours' },
+  { label: 'Reviews', href: '/#reviews' },
+  { label: 'FAQ', href: '/#faq' },
 ];
 
 /**

package/src/components/sections/FAQ.tsx

@@ -18,6 +18,7 @@ export interface FAQProps {
   defaultOpen?: number | number[];
   allowMultiple?: boolean;
   className?: string;
+  id?: string;
 }
 
 /**
@@ -31,6 +32,7 @@ export function FAQ({
   defaultOpen = 0,
   allowMultiple = false,
   className = '',
+  id = 'faq',
 }: FAQProps) {
   const initialOpen = Array.isArray(defaultOpen) ? defaultOpen : [defaultOpen];
   const [openItems, setOpenItems] = useState<number[]>(initialOpen);
@@ -51,7 +53,7 @@ export function FAQ({
 
   if (variant === 'cards') {
     return (
-      <section className={`py-16 ${className}`}>
+      <section id={id} className={`py-16 ${className}`}>
         <div className="container mx-auto px-4">
           <SectionHeader title={title} subtitle={subtitle} />
           <div className="grid md:grid-cols-2 gap-6 max-w-4xl mx-auto">
@@ -66,7 +68,7 @@ export function FAQ({
 
   if (variant === 'simple') {
     return (
-      <section className={`py-16 ${className}`}>
+      <section id={id} className={`py-16 ${className}`}>
         <div className="container mx-auto px-4">
           <SectionHeader title={title} subtitle={subtitle} />
           <div className="max-w-3xl mx-auto space-y-8">
@@ -81,7 +83,7 @@ export function FAQ({
 
   // Default: accordion variant
   return (
-    <section className={`py-16 bg-gray-50 ${className}`}>
+    <section id={id} className={`py-16 bg-gray-50 ${className}`}>
       <div className="container mx-auto px-4">
         <SectionHeader title={title} subtitle={subtitle} />
         <div className="max-w-3xl mx-auto">

package/src/components/sections/Hours.tsx

@@ -15,6 +15,7 @@ export interface HoursProps {
   variant?: 'card' | 'inline' | 'minimal';
   timezone?: string;
   className?: string;
+  id?: string;
 }
 
 const dayOrder: DayOfWeek[] = ['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday'];
@@ -61,6 +62,7 @@ export function Hours({
   variant = 'card',
   timezone,
   className = '',
+  id = 'hours',
 }: HoursProps) {
   const todayDay = getTodayDay(timezone);
 
@@ -71,7 +73,7 @@ export function Hours({
 
   if (variant === 'inline') {
     return (
-      <div className={`flex flex-wrap gap-4 ${className}`}>
+      <div id={id} className={`flex flex-wrap gap-4 ${className}`}>
         {sortedHours.map((entry) => (
           <HoursInlineItem
             key={entry.day}
@@ -85,7 +87,7 @@ export function Hours({
 
   if (variant === 'minimal') {
     return (
-      <div className={`space-y-1 ${className}`}>
+      <div id={id} className={`space-y-1 ${className}`}>
         {sortedHours.map((entry) => (
           <HoursMinimalItem
             key={entry.day}
@@ -99,7 +101,7 @@ export function Hours({
 
   // Default: card variant
   return (
-    <div className={`bg-white rounded-lg shadow p-6 ${className}`}>
+    <div id={id} className={`bg-white rounded-lg shadow p-6 ${className}`}>
       <div className="flex items-center mb-4">
         <ClockIcon size={24} className="text-primary-600 mr-2" />
         <h3 className="text-xl font-semibold text-gray-900">{title}</h3>

package/src/components/sections/Services.tsx

@@ -18,6 +18,7 @@ export interface ServicesProps {
   variant?: 'cards' | 'list' | 'minimal';
   limit?: number;
   className?: string;
+  id?: string;
 }
 
 /**
@@ -33,6 +34,7 @@ export function Services({
   variant = 'cards',
   limit,
   className = '',
+  id = 'services',
 }: ServicesProps) {
   const displayedServices = limit ? services.slice(0, limit) : services;
 
@@ -44,7 +46,7 @@ export function Services({
 
   if (variant === 'list') {
     return (
-      <section className={`py-16 ${className}`}>
+      <section id={id} className={`py-16 ${className}`}>
         <div className="container mx-auto px-4">
           <SectionHeader title={title} subtitle={subtitle} />
           <div className="max-w-3xl mx-auto divide-y divide-gray-200">
@@ -64,7 +66,7 @@ export function Services({
 
   if (variant === 'minimal') {
     return (
-      <section className={`py-16 ${className}`}>
+      <section id={id} className={`py-16 ${className}`}>
         <div className="container mx-auto px-4">
           <SectionHeader title={title} subtitle={subtitle} />
           <div className={`grid gap-6 ${gridCols[columns]}`}>
@@ -83,7 +85,7 @@ export function Services({
 
   // Default: cards variant
   return (
-    <section className={`py-16 bg-gray-50 ${className}`}>
+    <section id={id} className={`py-16 bg-gray-50 ${className}`}>
       <div className="container mx-auto px-4">
         <SectionHeader title={title} subtitle={subtitle} />
         <div className={`grid gap-6 ${gridCols[columns]}`}>

package/src/components/sections/Testimonials.tsx

@@ -17,6 +17,7 @@ export interface TestimonialsProps {
   variant?: 'cards' | 'quotes' | 'minimal';
   limit?: number;
   className?: string;
+  id?: string;
 }
 
 /**
@@ -31,6 +32,7 @@ export function Testimonials({
   variant = 'cards',
   limit,
   className = '',
+  id = 'reviews',
 }: TestimonialsProps) {
   const displayedTestimonials = limit ? testimonials.slice(0, limit) : testimonials;
 
@@ -41,7 +43,7 @@ export function Testimonials({
   };
 
   return (
-    <section className={`py-16 ${className}`}>
+    <section id={id} className={`py-16 ${className}`}>
       <div className="container mx-auto px-4">
         {/* Header */}
         <div className="text-center mb-12">